refactor(web): adjust layout and styling for improved responsiveness and visual consistency
This commit is contained in:
@@ -37,7 +37,7 @@ export function AppLayout() {
|
||||
const [moreOpen, setMoreOpen] = useState(false)
|
||||
|
||||
return (
|
||||
<div className="flex h-svh min-h-0 flex-col overflow-hidden bg-background text-foreground md:grid md:grid-cols-[64px_minmax(0,1fr)] lg:grid-cols-[232px_minmax(0,1fr)]">
|
||||
<div className="flex h-svh min-h-0 flex-col overflow-hidden bg-background text-foreground md:grid md:grid-cols-[64px_minmax(0,1fr)] lg:grid-cols-[192px_minmax(0,1fr)]">
|
||||
<DesktopSidebar activePath={activePath} />
|
||||
<div className="flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden">
|
||||
<TopBar
|
||||
@@ -64,7 +64,7 @@ function DesktopSidebar({ activePath }: { activePath: string }) {
|
||||
return (
|
||||
<aside
|
||||
aria-label="主导航"
|
||||
className="hidden shrink-0 flex-col border-r border-border bg-card/95 px-2 py-4 md:flex md:w-16 lg:w-[232px] lg:px-3.5"
|
||||
className="hidden shrink-0 flex-col border-r border-border bg-card/95 px-2 py-4 md:flex md:w-16 lg:w-48 lg:px-3"
|
||||
>
|
||||
<Brand />
|
||||
|
||||
|
||||
Reference in New Issue
Block a user