xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

add icon to link create modal 

more option collapse icon
This commit is contained in:
Yee Jia Wei 2023-12-18 08:30:14 +08:00
parent feda50464c
commit fbc083c373
1 changed files with 45 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/ModalContent/NewLinkModal.tsx
View File

@ -145,6 +145,15 @@ export default function NewLinkModal({ onClose }: Props) {
</div>
</div>
<div className={"mt-2"}>
<div
onClick={() => setOptionsExpanded(!optionsExpanded)}
className={`cursor-pointer duration-100 flex items-center text-sm`}
>
<span>{optionsExpanded ? "Hide" : "More"} Options</span>
<i className={`ml-0.5 ${optionsExpanded ? 'bi-chevron-up' : 'bi-chevron-down'}`}></i>
</div>
{optionsExpanded ? (
<div className="mt-5">
{/* <hr className="mb-3 border border-neutral-content" /> */}
@ -183,15 +192,9 @@ export default function NewLinkModal({ onClose }: Props) {
</div>
</div>
) : undefined}
<div className="flex justify-between items-center mt-5">
<div
onClick={() => setOptionsExpanded(!optionsExpanded)}
className={`rounded-md cursor-pointer btn btn-sm btn-ghost duration-100 flex items-center px-2 w-fit text-sm`}
>
<p>{optionsExpanded ? "Hide" : "More"} Options</p>
</div>
<div className="flex items-center justify-end mt-5">
<button
className="btn btn-accent dark:border-violet-400 text-white"
onClick={submit}