me/pi-ku
1
0
Fork 0
mirror of https://github.com/ramvignesh-b/pi-ku.git synced 2026-05-04 15:56:56 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: drawer ux enhances

Browse Source
This commit is contained in:
ramvignesh-b
2026-04-18 14:18:35 +05:30
parent de46b2c631
commit 86f41a9d90
4 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/ui/DrawerSection.tsx
+2 -2
View File
@@ -18,10 +18,10 @@ export function DrawerSection({
return (
<div
id={id}
className={`join-item group flex flex-col transition-colors ${isOpen ? "bg-base-300/30" : ""}`}
className={`overflow-visible join-item group flex flex-col transition-colors ${isOpen ? "bg-base-300/30" : ""}`}
>
<div
className={`overflow-hidden transition-all duration-1000 ease-in-out bg-neutral/10 ${
className={`transition-all duration-1000 ease-in-out bg-neutral/10 ${
isOpen
? "max-h-125 opacity-100 py-3 border-b border-base-content/5"
: "max-h-0 opacity-0 pointer-events-none"
frontend/src/components/ui/LetterItem.tsx
+1 -1
View File
@@ -25,7 +25,7 @@ export function LetterItem({
<button
type="button"
onClick={handleNavigate}
className="p-[16px_28px_16px_76px] border-b border-base-content/3 flex items-center gap-4 hover:bg-base-content/5 transition-colors group w-full text-left"
className="p-[16px_28px_16px_16px] border-b border-base-content/3 flex items-start gap-4 hover:bg-base-300 transition-all duration-600 group text-left z-10 cursor-pointer w-9/12 mx-auto hover:scale-120 hover:h-24 hover:-translate-y-6 hover:pb-6 hover:pt-4 hover:z-0 hover:blr border-x-2"
>
<div className="text-[0.85rem] italic text-base-content/40 flex-1 truncate group-hover:text-base-content/60">
{preview}