highperfocused/grimoire
1
0
Fork 0
mirror of https://github.com/purrgrammer/grimoire.git synced 2026-04-09 15:07:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: use dynamic viewport sizes

Browse Source
This commit is contained in:
Alejandro Gómez
2026-01-28 12:28:12 +01:00
parent 2ad3f90174
commit ee19cdb8fe
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ErrorBoundary.tsx
View File

@@ -73,7 +73,7 @@ export class ErrorBoundary extends Component<Props, State> {
// App-level error: full screen error
if (level === "app") {
return (
<div className="h-screen w-screen flex items-center justify-center bg-background p-8">
<div className="h-dvh w-screen flex items-center justify-center bg-background p-8">
<div className="max-w-2xl w-full border border-destructive bg-card p-8 space-y-6">
<div className="flex items-center gap-3 text-destructive">
<AlertTriangle className="h-8 w-8" />

2
src/components/layouts/AppShell.tsx
View File

@@ -61,7 +61,7 @@ export function AppShell({ children, hideBottomBar = false }: AppShellProps) {
onOpenChange={setCommandLauncherOpen}
/>
<GlobalAuthPrompt />
<main className="h-screen w-screen flex flex-col bg-background text-foreground">
<main className="h-dvh w-screen flex flex-col bg-background text-foreground">
<header className="flex flex-row items-center justify-between px-1 border-b border-border">
<button
onClick={() => setCommandLauncherOpen(true)}

4
src/components/pages/RunCommandPage.tsx
View File

@@ -60,7 +60,7 @@ export default function RunCommandPage() {
if (loading) {
return (
<div className="flex h-screen items-center justify-center bg-background">
<div className="flex h-dvh items-center justify-center bg-background">
<div className="text-muted-foreground">Loading command...</div>
</div>
);
@@ -68,7 +68,7 @@ export default function RunCommandPage() {
if (!parsed || parsed.error || !parsed.command || !parsed.props) {
return (
<div className="flex h-screen items-center justify-center bg-background">
<div className="flex h-dvh items-center justify-center bg-background">
<div className="max-w-md rounded-lg border border-border bg-card p-6">
<h2 className="mb-2 text-lg font-semibold text-destructive">
Command Error