Skip to content
This repository has been archived by the owner on Aug 7, 2024. It is now read-only.

fixed edit button ui bug and improved the UI #9406 #9813

Closed
wants to merge 1 commit into from
Closed

fixed edit button ui bug and improved the UI #9406 #9813

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 0 additions & 22 deletions .env.example
View file
Open in desktop

This file was deleted.

4 changes: 2 additions & 2 deletions components/user/UserLink.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ export default function UserLink({
animations[link.animation] !== animations.glow &&
"dark:hover:bg-secondary-low/40 hover:bg-secondary-low/40",
isEnabled && getLinkAnimation.get(animations[link.animation]),
"relative rounded-full border border-primary-medium-low dark:border-primary-medium-low dark:hover:border-[color:var(--hover-color)] hover:border-[color:var(--hover-color)] hover:shadow-xl p-4 my-2 w-full content-start flex flex-row gap-4 items-center dark:bg-primary-medium grow",
"relative rounded-full border border-primary-medium-low dark:border-primary-medium-low dark:hover:border-[color:var(--hover-color)] hover:border-[color:var(--hover-color)] hover:shadow-xl p-4 my-2 w-full content-start flex flex-row gap-4 items-center dark:bg-primary-medium grow px-8 md:px-10",
)}
style={{
"--hover-color": colors[link.icon],
Expand Down Expand Up @@ -99,7 +99,7 @@ export default function UserLink({
);

return (
<div className="flex flex-row gap-8 w-full">
<div className="flex flex-row gap-8 w-full ">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What is the extra space for?

{manage ? edit(link) : item(link)}
</div>
);
Expand Down
46 changes: 26 additions & 20 deletions pages/account/manage/links.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -128,27 +128,33 @@ export default function ManageLinks({ BASE_URL, username, links }) {
</div>

{!linkList.length && <Alert type="info" message="No Links found" />}

<div className="mt-2">


<ReactSortable
list={linkList}
setList={setLinkList}
disabled={!reorder}
ghostClass="border-2"
chosenClass="border-dashed"
dragClass="border-red-500"
>
{linkList.length &&
linkList.map((link) => (
<UserLink
BASE_URL={BASE_URL}
key={link._id}
link={link}
username={username}
manage={true}
isEnabled={link.isEnabled}
/>
))}
</ReactSortable>

</div>

<ReactSortable
list={linkList}
setList={setLinkList}
disabled={!reorder}
ghostClass="border-2"
chosenClass="border-dashed"
dragClass="border-red-500"
>
{linkList.length &&
linkList.map((link) => (
<UserLink
BASE_URL={BASE_URL}
key={link._id}
link={link}
username={username}
manage={true}
isEnabled={link.isEnabled}
/>
))}
</ReactSortable>
</Page>
</>
);
Expand Down