dev
/
sudo-archive
mirror of https://github.com/sussy-code/smov.git
2
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Make the bookmark button a little more elegant

This commit is contained in:
sussy-code 2024-05-03 17:59:22 +00:00
parent dbd7b13407
commit ecd3c6130f
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/media/MediaBookmark.tsx
View File

@ -38,7 +38,7 @@ export function MediaBookmarkButton({ media }: MediaBookmarkProps) {
<IconPatch
onClick={toggleBookmark}
icon={isBookmarked ? Icons.BOOKMARK : Icons.BOOKMARK_OUTLINE}
className="p-3 opacity-80 transition-opacity duration-200 hover:opacity-100"
className="p-2 opacity-75 transition-opacity transition-transform duration-300 hover:opacity-95 hover:scale-110"
/>
);
}

2
src/pages/HomePage.tsx
View File

@ -68,8 +68,10 @@ export function HomePage() {
<SearchListPart searchQuery={search} />
) : (
<>
<div className="flex flex-col gap-8">
<BookmarksPart onItemsChange={setShowBookmarks} />
<WatchingPart onItemsChange={setShowWatching} />
</div>
{!(showBookmarks || showWatching) ? (
<div className="flex flex-col items-center justify-center">
<p className="text-[18.5px] pb-3">{emptyText}</p>