feat: redesign drawer component with icon integration and refactor count section

2026-05-07 18:08:21 +05:30
parent 61f005fddb
commit aeead98570
3 changed files with 52 additions and 24 deletions
@@ -36,7 +36,7 @@ export function LetterItem({
      data-testid={`letter-item-${id}`}
      className={`${isLocked ? "pointer-events-none" : ""} p-4 border-base-content/3 flex items-start gap-4 hover:bg-base-300 transition-all delay-75 duration-100 group text-left cursor-pointer w-9/12 mx-auto hover:scale-120 hover:h-24 hover:-translate-y-3 hover:pb-4 hover:border-x-5 hover:border-t-5 border-t-2 hover:-mb-2`}
    >
-      <div className="text-[0.85rem] italic text-base-content/40 flex-1 truncate group-hover:text-base-content/60 transition-none animate-[opacity_200ms_linear_forwards]">
+      <div className="text-sm italic text-base-content/40 flex-1 truncate group-hover:text-base-content/60">
        {preview}
      </div>
      {unlock_at ? (
@@ -53,7 +53,7 @@ export function LetterItem({
          )}
        </div>
      ) : (
-        <div className="font-sans text-[0.6rem] text-base-content/20 transition-none">
+        <div className="font-sans text-xs text-base-content/20">
          {timestamp}
        </div>
      )}