feat: update MobileCitationDrawer layout and enhance DrawerHeader for improved UI presentation

This commit is contained in:
Anish Sarkar 2026-03-30 02:22:35 +05:30
parent 411ea3e052
commit 46f8553311

View file

@ -77,7 +77,7 @@ import {
} from "@/components/tool-ui/shared/media"; } from "@/components/tool-ui/shared/media";
import { RecallMemoryToolUI, SaveMemoryToolUI } from "@/components/tool-ui/user-memory"; import { RecallMemoryToolUI, SaveMemoryToolUI } from "@/components/tool-ui/user-memory";
import { GenerateVideoPresentationToolUI } from "@/components/tool-ui/video-presentation"; import { GenerateVideoPresentationToolUI } from "@/components/tool-ui/video-presentation";
import { Drawer, DrawerContent, DrawerHandle, DrawerTitle } from "@/components/ui/drawer"; import { Drawer, DrawerContent, DrawerHandle, DrawerHeader, DrawerTitle } from "@/components/ui/drawer";
import { useComments } from "@/hooks/use-comments"; import { useComments } from "@/hooks/use-comments";
import { useMediaQuery } from "@/hooks/use-media-query"; import { useMediaQuery } from "@/hooks/use-media-query";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
@ -180,12 +180,12 @@ const MobileCitationDrawer: FC = () => {
</button> </button>
<Drawer open={open} onOpenChange={setOpen}> <Drawer open={open} onOpenChange={setOpen}>
<DrawerContent className="max-h-[70dvh]"> <DrawerContent className="max-h-[85vh] flex flex-col">
<DrawerHandle /> <DrawerHandle />
<div className="flex items-center px-4 py-2"> <DrawerHeader className="text-left">
<DrawerTitle className="text-sm font-medium">Sources</DrawerTitle> <DrawerTitle className="text-base font-semibold">Sources</DrawerTitle>
</div> </DrawerHeader>
<div className="overflow-y-auto px-1 pb-6"> <div className="overflow-y-auto flex-1 min-h-0 px-1 pb-6">
{citations.map((citation) => ( {citations.map((citation) => (
<button <button
key={citation.id} key={citation.id}