fix app shell layout so footer stays visible on short pages.
Replace min-h-screen on viewer and delete mains with flex-1 inside a growing router outlet.
This commit is contained in:
@@ -1,7 +1,9 @@
|
||||
<template>
|
||||
<div class="flex min-h-screen flex-col bg-background">
|
||||
<AppHeader />
|
||||
<router-view />
|
||||
<div class="flex min-h-0 flex-1 flex-col">
|
||||
<router-view />
|
||||
</div>
|
||||
<AppFooter />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user