apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-05-04 05:12:38 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

refactor: update sidebar components for improved styling and layout

Browse source 
- Adjusted the AllChatsSidebar and AllNotesSidebar components to enhance visual consistency by removing unnecessary borders and refining padding.
- Updated search input styles to eliminate borders and improve focus visibility.
- Made minor layout adjustments to ensure better alignment and spacing within the sidebar components.
This commit is contained in:
Anish Sarkar 2025-12-24 02:24:01 +05:30
parent ed63e5a1d6
commit 9430cd9768
2 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

8
surfsense_web/components/sidebar/all-chats-sidebar.tsx
View file

@ -160,8 +160,8 @@ export function AllChatsSidebar({ open, onOpenChange, searchSpaceId }: AllChatsS
return (
<Sheet open={open} onOpenChange={onOpenChange}>
<SheetContent side="left" className="w-80 p-0 flex flex-col">
<SheetHeader className="mx-3 px-4 py-4 border-b space-y-3">
<SheetContent side="left" className="w-80 p-0 flex flex-col border-0">
<SheetHeader className="mx-3 px-4 pt-4 pb-0 space-y-2">
<SheetTitle>{t("all_chats") || "All Chats"}</SheetTitle>
<SheetDescription className="sr-only">
{t("all_chats_description") || "Browse and manage all your chats"}
@ -175,7 +175,7 @@ export function AllChatsSidebar({ open, onOpenChange, searchSpaceId }: AllChatsS
placeholder={t("search_chats") || "Search chats..."}
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="pl-9 pr-8 h-9"
className="pl-9 pr-8 h-9 border-0 focus-visible:ring-0 focus-visible:border-0 shadow-none"
/>
{searchQuery && (
<Button
@ -193,7 +193,7 @@ export function AllChatsSidebar({ open, onOpenChange, searchSpaceId }: AllChatsS
{/* Tab toggle for active/archived (only show when not searching) */}
{!isSearchMode && (
<div className="flex border-b mx-3">
<div className="flex border-b mx-3 -mt-3">
<button
type="button"
onClick={() => setShowArchived(false)}

6
surfsense_web/components/sidebar/all-notes-sidebar.tsx
View file

@ -159,8 +159,8 @@ export function AllNotesSidebar({
return (
<Sheet open={open} onOpenChange={onOpenChange}>
<SheetContent side="left" className="w-80 p-0 flex flex-col">
<SheetHeader className="mx-3 px-4 py-4 border-b space-y-3">
<SheetContent side="left" className="w-80 p-0 flex flex-col border-0">
<SheetHeader className="mx-3 px-4 pt-4 pb-2 border-b space-y-2">
<SheetTitle>{t("all_notes") || "All Notes"}</SheetTitle>
<SheetDescription className="sr-only">
{t("all_notes_description") || "Browse and manage all your notes"}
@ -174,7 +174,7 @@ export function AllNotesSidebar({
placeholder={t("search_notes") || "Search notes..."}
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="pl-9 pr-8 h-9"
className="pl-9 pr-8 h-9 border-0 focus-visible:ring-0 focus-visible:border-0 shadow-none"
/>
{searchQuery && (
<Button