apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-07-12 22:42:13 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor(layout): improve layout consistency and styling across user and workspace settings

Browse source 
- Updated section classes in UserSettingsLayoutShell and WorkspaceSettingsLayoutShell for better alignment.
- Adjusted padding in LayoutDataProvider for improved spacing on team and automation pages.
- Enhanced AllChatsSidebar layout by removing unnecessary height constraints for a more flexible design.
This commit is contained in:
Anish Sarkar 2026-07-06 13:52:47 +05:30
parent 9f853b692c
commit a94a2976f6
4 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
surfsense_web/app/dashboard/[workspace_id]/user-settings/layout-shell.tsx
View file

@ -122,7 +122,7 @@ export function UserSettingsLayoutShell({ workspaceId, children }: UserSettingsL
const hrefFor = (tab: UserSettingsTab) => `/dashboard/${workspaceId}/user-settings/${tab}`; const hrefFor = (tab: UserSettingsTab) => `/dashboard/${workspaceId}/user-settings/${tab}`;
return ( return (
<section className="flex h-full min-h-[min(680px,calc(100vh-5rem))] w-full select-none flex-col gap-6 md:pt-10 md:flex-row"> <section className="flex h-full min-h-[min(680px,calc(100vh-5rem))] w-full select-none flex-col gap-6 md:flex-row">
<div className="md:w-[220px] md:shrink-0"> <div className="md:w-[220px] md:shrink-0">
<h1 className="mb-4 px-1 text-2xl font-semibold tracking-tight">{t("title")}</h1> <h1 className="mb-4 px-1 text-2xl font-semibold tracking-tight">{t("title")}</h1>
<nav className="hidden flex-col gap-0.5 md:flex"> <nav className="hidden flex-col gap-0.5 md:flex">

2
surfsense_web/app/dashboard/[workspace_id]/workspace-settings/layout-shell.tsx
View file

@ -79,7 +79,7 @@ export function SearchSpaceSettingsLayoutShell({
`/dashboard/${workspaceId}/workspace-settings/${tab}`; `/dashboard/${workspaceId}/workspace-settings/${tab}`;
return ( return (
<section className="flex h-full min-h-[min(680px,calc(100vh-5rem))] w-full select-none flex-col gap-6 md:pt-6 md:flex-row"> <section className="flex h-full min-h-[min(680px,calc(100vh-5rem))] w-full select-none flex-col gap-6 md:flex-row">
<div className="md:w-[220px] md:shrink-0"> <div className="md:w-[220px] md:shrink-0">
<h1 className="mb-4 px-1 text-2xl font-semibold tracking-tight">{t("title")}</h1> <h1 className="mb-4 px-1 text-2xl font-semibold tracking-tight">{t("title")}</h1>
<nav className="hidden flex-col gap-0.5 md:flex"> <nav className="hidden flex-col gap-0.5 md:flex">

2
surfsense_web/components/layout/providers/LayoutDataProvider.tsx
View file

@ -758,7 +758,7 @@ export function LayoutDataProvider({ searchSpaceId, children }: LayoutDataProvid
isTeamPage || isTeamPage ||
isAutomationsPage || isAutomationsPage ||
isAllChatsPage isAllChatsPage
? "items-start justify-center px-6 py-8 md:px-10 md:py-10" ? "items-start justify-center px-6 py-8 md:px-10 md:pb-10 md:pt-16"
: undefined : undefined
} }
workspacePanelContentClassName={ workspacePanelContentClassName={

4
surfsense_web/components/layout/ui/sidebar/AllChatsSidebar.tsx
View file

@ -234,7 +234,7 @@ function AllChatsContent({ searchSpaceId, className }: AllChatsContentProps) {
return ( return (
<div className={cn("flex h-full min-h-0 w-full flex-1 flex-col", className)}> <div className={cn("flex h-full min-h-0 w-full flex-1 flex-col", className)}>
<div className="shrink-0 space-y-4 px-3 pb-3 pt-3"> <div className="shrink-0 space-y-4 px-3 pb-3">
<div className="flex items-center justify-between gap-4 flex-wrap"> <div className="flex items-center justify-between gap-4 flex-wrap">
<div className="flex items-baseline gap-3"> <div className="flex items-baseline gap-3">
<h1 className="text-xl md:text-2xl font-semibold text-foreground"> <h1 className="text-xl md:text-2xl font-semibold text-foreground">
@ -550,7 +550,7 @@ function AllChatsContent({ searchSpaceId, className }: AllChatsContentProps) {
export function AllChatsWorkspaceContent({ searchSpaceId }: { searchSpaceId: string }) { export function AllChatsWorkspaceContent({ searchSpaceId }: { searchSpaceId: string }) {
return ( return (
<div className="flex h-[calc(100vh-8rem)] min-h-0 w-full overflow-hidden text-sidebar-foreground"> <div className="flex h-full min-h-0 w-full overflow-hidden text-sidebar-foreground">
<AllChatsContent searchSpaceId={searchSpaceId} /> <AllChatsContent searchSpaceId={searchSpaceId} />
</div> </div>
); );