frontend/src/App.vue

@@ -1,7 +1,9 @@
 <template>
     <div class="flex min-h-screen flex-col bg-background">
         <AppHeader />
+        <div class="flex min-h-0 flex-1 flex-col">
             <router-view />
+        </div>
         <AppFooter />
     </div>
 </template>

frontend/src/views/DeleteView.vue

@@ -1,5 +1,5 @@
 <template>
-    <main class="mx-auto flex min-h-screen max-w-lg flex-col items-center justify-center gap-3 p-8 text-center">
+    <main class="mx-auto flex max-w-lg flex-1 flex-col items-center justify-center gap-3 p-8 text-center">
         <p v-if="state === 'invalid'" class="text-sm text-muted-foreground">
             This delete link is incomplete. Use the delete URL from your upload results.
         </p>

frontend/src/views/HotlinkViewerView.vue

@@ -1,5 +1,5 @@
 <template>
-    <main class="flex min-h-screen items-center justify-center p-4">
+    <main class="flex flex-1 items-center justify-center p-4">
         <img v-if="imageSrc" :src="imageSrc" class="max-h-[80vh] max-w-full object-contain" />
     </main>
 </template>

frontend/src/views/ViewerView.vue

@@ -1,5 +1,5 @@
 <template>
-    <main class="flex min-h-screen items-center justify-center p-4">
+    <main class="flex flex-1 items-center justify-center p-4">
         <p v-if="fetching" class="text-sm text-muted-foreground">Loading image...</p>
 
         <form v-else-if="zkPayload" class="flex w-full max-w-sm flex-col gap-3" @submit.prevent="onUnlockSubmit">