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>
|
<template>
|
||||||
<div class="flex min-h-screen flex-col bg-background">
|
<div class="flex min-h-screen flex-col bg-background">
|
||||||
<AppHeader />
|
<AppHeader />
|
||||||
<router-view />
|
<div class="flex min-h-0 flex-1 flex-col">
|
||||||
|
<router-view />
|
||||||
|
</div>
|
||||||
<AppFooter />
|
<AppFooter />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<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">
|
<p v-if="state === 'invalid'" class="text-sm text-muted-foreground">
|
||||||
This delete link is incomplete. Use the delete URL from your upload results.
|
This delete link is incomplete. Use the delete URL from your upload results.
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<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" />
|
<img v-if="imageSrc" :src="imageSrc" class="max-h-[80vh] max-w-full object-contain" />
|
||||||
</main>
|
</main>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<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>
|
<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">
|
<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