fix goose2 window minimum sizing (#8946)
Signed-off-by: Wes <wesb@block.xyz>
This commit is contained in:
@@ -19,6 +19,8 @@
|
|||||||
"title": "Goose",
|
"title": "Goose",
|
||||||
"width": 800,
|
"width": 800,
|
||||||
"height": 600,
|
"height": 600,
|
||||||
|
"minWidth": 800,
|
||||||
|
"minHeight": 600,
|
||||||
"visible": false,
|
"visible": false,
|
||||||
"titleBarStyle": "Overlay",
|
"titleBarStyle": "Overlay",
|
||||||
"hiddenTitle": true,
|
"hiddenTitle": true,
|
||||||
|
|||||||
@@ -154,7 +154,7 @@ export function SettingsModal({
|
|||||||
{/* biome-ignore lint/a11y/noStaticElementInteractions: click handler only prevents backdrop dismiss propagation */}
|
{/* biome-ignore lint/a11y/noStaticElementInteractions: click handler only prevents backdrop dismiss propagation */}
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
"flex h-[600px] w-full max-w-3xl overflow-hidden rounded-xl border bg-background shadow-modal transition-opacity duration-300 ease-out",
|
"flex h-[min(600px,calc(100vh-4rem))] w-[calc(100vw-2rem)] max-w-3xl overflow-hidden rounded-xl border bg-background shadow-modal transition-opacity duration-300 ease-out",
|
||||||
isLoaded ? "opacity-100" : "opacity-0",
|
isLoaded ? "opacity-100" : "opacity-0",
|
||||||
)}
|
)}
|
||||||
onClick={(e) => e.stopPropagation()}
|
onClick={(e) => e.stopPropagation()}
|
||||||
@@ -162,7 +162,7 @@ export function SettingsModal({
|
|||||||
{/* Sidebar */}
|
{/* Sidebar */}
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
"flex w-44 flex-col border-r bg-muted/50 transition-all duration-700 ease-out",
|
"flex min-h-0 w-44 flex-shrink-0 flex-col border-r bg-muted/50 transition-all duration-700 ease-out",
|
||||||
isLoaded ? "opacity-100 translate-x-0" : "opacity-0 -translate-x-2",
|
isLoaded ? "opacity-100 translate-x-0" : "opacity-0 -translate-x-2",
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
@@ -176,31 +176,33 @@ export function SettingsModal({
|
|||||||
>
|
>
|
||||||
<h2 className="text-sm font-semibold">{t("title")}</h2>
|
<h2 className="text-sm font-semibold">{t("title")}</h2>
|
||||||
</div>
|
</div>
|
||||||
<nav className="flex flex-col gap-1 px-2">
|
<nav className="min-h-0 flex-1 overflow-y-auto px-2 pb-3">
|
||||||
{navItems.map((item, index) => (
|
<div className="flex flex-col gap-1">
|
||||||
<Button
|
{navItems.map((item, index) => (
|
||||||
type="button"
|
<Button
|
||||||
variant="ghost"
|
type="button"
|
||||||
size="sm"
|
variant="ghost"
|
||||||
key={item.id}
|
size="sm"
|
||||||
onClick={() => setActiveSection(item.id)}
|
key={item.id}
|
||||||
className={cn(
|
onClick={() => setActiveSection(item.id)}
|
||||||
"w-full justify-start rounded-lg px-3 py-2 transition-all duration-600 ease-out",
|
className={cn(
|
||||||
activeSection === item.id
|
"w-full justify-start rounded-lg px-3 py-2 transition-all duration-600 ease-out",
|
||||||
? "bg-background text-foreground shadow-sm hover:bg-background"
|
activeSection === item.id
|
||||||
: "text-muted-foreground hover:bg-accent/50 hover:text-foreground duration-300",
|
? "bg-background text-foreground shadow-sm hover:bg-background"
|
||||||
isLoaded
|
: "text-muted-foreground hover:bg-accent/50 hover:text-foreground duration-300",
|
||||||
? "opacity-100 translate-x-0"
|
isLoaded
|
||||||
: "opacity-0 translate-x-4",
|
? "opacity-100 translate-x-0"
|
||||||
)}
|
: "opacity-0 translate-x-4",
|
||||||
style={{
|
)}
|
||||||
transitionDelay: isLoaded ? "0ms" : `${index * 40 + 300}ms`,
|
style={{
|
||||||
}}
|
transitionDelay: isLoaded ? "0ms" : `${index * 40 + 300}ms`,
|
||||||
>
|
}}
|
||||||
<item.icon className="size-4" />
|
>
|
||||||
{item.label}
|
<item.icon className="size-4" />
|
||||||
</Button>
|
{item.label}
|
||||||
))}
|
</Button>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user