apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-05-23 19:05:16 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor: implement UserSettingsPage and UserSettingsPanel components, replacing UserSettingsDialog and enhancing user settings navigation

Browse source
This commit is contained in:
Anish Sarkar 2026-05-18 01:51:31 +05:30
parent 5bcda6b83b
commit 08142f9add
8 changed files with 357 additions and 205 deletions
Download patch file Download diff file Expand all files Collapse all files

15
surfsense_web/components/layout/ui/shell/WorkspacePanel.tsx
View file

@ -4,6 +4,7 @@ import { cn } from "@/lib/utils";
interface WorkspacePanelProps {
children: ReactNode;
className?: string;
viewportClassName?: string;
contentClassName?: string;
}
@ -12,7 +13,12 @@ interface WorkspacePanelProps {
* Use this when a route should own the whole workspace instead of rendering
* inside the normal TabBar/Header/main/right-panel chrome.
*/
export function WorkspacePanel({ children, className, contentClassName }: WorkspacePanelProps) {
export function WorkspacePanel({
children,
className,
viewportClassName,
contentClassName,
}: WorkspacePanelProps) {
return (
<main
className={cn(
@ -20,7 +26,12 @@ export function WorkspacePanel({ children, className, contentClassName }: Worksp
className
)}
>
<div className="flex min-h-0 flex-1 items-center justify-center overflow-auto px-4 py-8">
<div
className={cn(
"flex min-h-0 flex-1 items-center justify-center overflow-auto px-4 py-8",
viewportClassName
)}
>
<div className={cn("w-full max-w-md", contentClassName)}>{children}</div>
</div>
</main>