style(layout): 优化 AppLayout 和 Channels 组件样式
This commit is contained in:
1 parent
37cbaa4283
commit
74d10361d2
2 files changed
+6
-6
No files matched your search
@@ -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)}
|
||||
|
||||
@@ -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 =
|
||||
|
||||
Reference in new issue
Block a user