+1 -1

src/components/buttons/EditButton.tsx

reviewed

··· 43 43 <button 44 44 type="button" 45 45 onClick={onClick} 46 46 - className="fixed bottom-9 right-7 z-50 flex h-12 w-12 items-center justify-center rounded-full bg-background-secondary text-white border-2 border-green-500 transition-[background-color,transform,box-shadow] hover:bg-background-secondaryHover hover:scale-110 cursor-pointer" 46 46 + className="fixed bottom-9 right-7 z-999 flex h-12 w-12 items-center justify-center rounded-full bg-background-secondary text-white border-2 border-green-500 transition-[background-color,transform,box-shadow] hover:bg-background-secondaryHover hover:scale-110 cursor-pointer" 47 47 id={props.id ? `${props.id}-check` : undefined} // Optionally use a different id for this button 48 48 > 49 49 <Icon icon={Icons.CHECKMARK} />

+15

src/components/utils/Flare.css

reviewed

··· 14 14 .group:hover .bookmark-button { 15 15 opacity: 1; 16 16 } 17 17 + 18 18 + /* Ensure text is always visible on mobile */ 19 19 + @media (max-width: 1024px) { 20 20 + .group h1, .group button { 21 21 + opacity: 1; /* Always visible on mobile */ 22 22 + } 23 23 + 24 24 + .group .group-hover\\:opacity-100 { 25 25 + opacity: 1; /* Ensure the flare effect is always visible */ 26 26 + } 27 27 + 28 28 + .group:hover .bookmark-button { 29 29 + opacity: 0; 30 30 + } 31 31 + }

+1

src/pages/parts/home/BookmarksPart.tsx

reviewed

··· 90 90 return ( 91 91 <div 92 92 className="relative" 93 93 + style={{ userSelect: "none" }} // Disable text selection 93 94 onContextMenu={(e: React.MouseEvent<HTMLDivElement>) => 94 95 e.preventDefault() 95 96 } // Prevent right-click context menu

+1

src/pages/parts/home/WatchingPart.tsx

reviewed

··· 82 82 return ( 83 83 <div 84 84 className="relative" 85 85 + style={{ userSelect: "none" }} // Disable text selection 85 86 onContextMenu={(e: React.MouseEvent<HTMLDivElement>) => 86 87 e.preventDefault() 87 88 } // Prevent right-click context menu