bdim/Canto
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: Update Navbar and Home components with background color adjustments

Browse Source
This commit is contained in:
bdim404
2026-03-06 13:24:44 +08:00
parent abfd7b8f41
commit 01d7cf8fc9
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
qwen3-tts-frontend/src/components/Navbar.tsx
View File

@@ -22,7 +22,7 @@ export function Navbar({ onToggleSidebar }: NavbarProps) {
const { t, i18n } = useTranslation(['nav', 'constants']) const { t, i18n } = useTranslation(['nav', 'constants'])
return ( return (
<nav className="h-16 bg-background flex items-center justify-end px-4 gap-2"> <nav className="h-16 flex items-center justify-end px-4 gap-2">
{onToggleSidebar && ( {onToggleSidebar && (
<Button <Button
variant="ghost" variant="ghost"

4
qwen3-tts-frontend/src/pages/Home.tsx
View File

@@ -44,10 +44,10 @@ function Home() {
onOpenChange={setSidebarOpen} onOpenChange={setSidebarOpen}
/> />
<div className="flex-1 flex flex-col overflow-hidden"> <div className="flex-1 flex flex-col overflow-hidden bg-muted/30">
<Navbar onToggleSidebar={() => setSidebarOpen(!sidebarOpen)} /> <Navbar onToggleSidebar={() => setSidebarOpen(!sidebarOpen)} />
<main className="flex-1 overflow-y-auto flex items-start md:items-center justify-center"> <main className="flex-1 overflow-y-auto flex items-start md:items-center justify-center lg:rounded-tl-2xl bg-background">
<div className="w-full container mx-auto p-3 md:p-6 max-w-[800px] md:max-w-[700px]"> <div className="w-full container mx-auto p-3 md:p-6 max-w-[800px] md:max-w-[700px]">
<Tabs value={currentTab} onValueChange={setCurrentTab}> <Tabs value={currentTab} onValueChange={setCurrentTab}>
<TabsList className="grid w-full grid-cols-3 h-9 mb-3"> <TabsList className="grid w-full grid-cols-3 h-9 mb-3">