style(layout): 优化 AppLayout 和 Channels 组件样式

This commit is contained in:
Jeff Gu committed 2026-04-12 17:52:23 +08:00
1 parent 37cbaa4283
commit 74d10361d2
2 files changed
+6 -6

No files matched your search

+5 -5
View File
@@ -50,10 +50,10 @@ export function AppLayout({ children }: AppLayoutProps) {
}
return (
<div className="flex h-screen overflow-hidden">
<div className="flex">
{isAuthenticated && !isAuthLoading && (
<Sidebar
className="hidden lg:flex"
className="hidden lg:flex sticky top-0 h-screen overflow-hidden"
collapsed={isSidebarCollapsed}
onToggleCollapse={() => setIsSidebarCollapsed((prev) => !prev)}
showCollapseToggle
@@ -62,7 +62,7 @@ export function AppLayout({ children }: AppLayoutProps) {
<div className="flex min-w-0 flex-1 flex-col">
{isAuthenticated && !isAuthLoading && (
<header className="flex items-center justify-between border-b bg-card/80 glass px-4 py-2.5 lg:hidden sticky top-0 z-30">
<header className="flex items-center justify-between border-b bg-card/80 backdrop-blur-sm px-4 py-2.5 lg:hidden sticky top-0 z-30">
<Button
type="button"
variant="ghost"
@@ -83,7 +83,7 @@ export function AppLayout({ children }: AppLayoutProps) {
</header>
)}
<main className="flex-1 overflow-y-auto bg-background gradient-mesh grid-pattern">
<main className="flex-1 bg-background gradient-mesh grid-pattern">
<div className="mx-auto max-w-7xl w-full">
{children}
</div>
@@ -96,7 +96,7 @@ export function AppLayout({ children }: AppLayoutProps) {
className="absolute inset-0 bg-black/50 backdrop-blur-sm"
onClick={() => setIsMobileNavOpen(false)}
/>
<div className="absolute inset-y-0 left-0 w-72 max-w-[85%] shadow-2xl">
<div className="absolute inset-y-0 left-0 shadow-2xl">
<Sidebar
onNavigate={() => setIsMobileNavOpen(false)}
onClose={() => setIsMobileNavOpen(false)}
+1 -1
View File
@@ -1007,7 +1007,7 @@ export function Channels({ createMode = false, editRoute = false }: { createMode
const modelCount = (config.models || []).length;
const enabledModelCount = (config.models || []).filter((model) => model.enabled !== false).length;
const modelSummary =
enabledModelCount === modelCount ? `${modelCount} 个模型` : `${enabledModelCount}/${modelCount} 启用`;
enabledModelCount === modelCount ? `${modelCount} 个模型` : `${enabledModelCount}/${modelCount} 个模型`;
const isMenuOpen = openMenu === channel.key;
const isEnabled = config.enabled !== false;
const isToggling =