xinyin025/LangBot
1
0
Fork 0
mirror of https://github.com/langbot-app/LangBot.git synced 2026-06-21 13:04:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): use fixed height for settings dialog instead of 80vh

Browse Source 
Avoid the dialog stretching to fill tall viewports (large empty space).
Pin to 620px with max-h-[85vh] fallback and narrow width to 52rem.
This commit is contained in:
RockChinQ
2026-06-16 05:18:14 -04:00
parent f4a6edf7ec
commit b3c00fe6da
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/app/home/components/settings-dialog/SettingsDialog.tsx
+3 -3
View File
@@ -116,7 +116,7 @@ export default function SettingsDialog({
}} }}
> >
<DialogContent <DialogContent
className="overflow-hidden p-0 sm:max-w-[56rem] [&>button:last-child]:z-20" className="overflow-hidden p-0 sm:max-w-[52rem] [&>button:last-child]:z-20"
// The dialog itself is the scroll boundary; each panel manages its own // The dialog itself is the scroll boundary; each panel manages its own
// internal scrolling. // internal scrolling.
> >
@@ -128,7 +128,7 @@ export default function SettingsDialog({
<SidebarProvider className="items-start"> <SidebarProvider className="items-start">
<Sidebar <Sidebar
collapsible="none" collapsible="none"
className="hidden h-[80vh] w-56 shrink-0 border-r md:flex" className="hidden h-[620px] max-h-[85vh] w-56 shrink-0 border-r md:flex"
> >
<SidebarContent> <SidebarContent>
<SidebarGroup> <SidebarGroup>
@@ -154,7 +154,7 @@ export default function SettingsDialog({
</SidebarContent> </SidebarContent>
</Sidebar> </Sidebar>
<main className="flex h-[80vh] min-w-0 flex-1 flex-col overflow-hidden"> <main className="flex h-[620px] max-h-[85vh] min-w-0 flex-1 flex-col overflow-hidden">
{/* Mobile section switcher (sidebar is hidden on small screens) */} {/* Mobile section switcher (sidebar is hidden on small screens) */}
<div className="flex shrink-0 items-center gap-1 overflow-x-auto border-b px-3 py-2 md:hidden"> <div className="flex shrink-0 items-center gap-1 overflow-x-auto border-b px-3 py-2 md:hidden">
{navItems.map((item) => ( {navItems.map((item) => (