UI update

This commit is contained in:
2026-03-19 13:52:23 +00:00
parent 2822d798be
commit 8c8f8639c3
2 changed files with 32 additions and 17 deletions

View File

@@ -3,9 +3,9 @@
<v-row density="compact" justify="center" align="start" class="pt-6">
<v-col cols="12" class="text-center px-4">
<v-card class="recipe-card pa-8 mx-auto mt-2" max-width="750">
<v-card class="recipe-card pa-8 mx-auto mt-2" max-width="900">
<header class="mb-8">
<header class="mb-10">
<div class="brand-icon-container mb-2">
<v-img
src="/images/seasoned-logo.png"
@@ -15,24 +15,24 @@
></v-img>
</div>
<h1 class="brand-title mt-0 mb-1">Seasoned</h1>
<p class="brand-subtitle mb-6">A Recipe Generator and Collection Tool</p>
<p class="brand-subtitle mb-8">A Recipe Generator and Collection Tool</p>
</header>
<v-divider class="mb-8 separator"></v-divider>
<v-divider class="mb-10 separator"></v-divider>
<v-row class="mb-10 px-2" justify="center">
<v-col cols="12" md="4" class="text-center d-flex flex-column align-center px-2">
<v-row class="mb-12 px-6" justify="center">
<v-col cols="12" md="4" class="text-center d-flex flex-column align-center">
<v-icon icon="mdi-folder-text" size="large" style="color: #2e1e0a" class="mb-3"></v-icon>
<h3 class="section-header justify-center mb-3">Scan Archives</h3>
<p class="feature-text text-body-2 px-1">
<p class="feature-text text-body-2">
Turn handwritten cards into searchable digital text instantly.
</p>
<v-spacer></v-spacer>
<v-btn v-if="isLoggedIn" to="/uploader" class="mt-8 column-btn">
<v-btn v-if="isLoggedIn" to="/uploader" class="mt-12 column-btn">
Go to Uploader
</v-btn>
</v-col>
<v-col cols="12" md="4" class="text-center d-flex flex-column align-center px-2">
<v-col cols="12" md="4" class="text-center d-flex flex-column align-center">
<v-icon icon="mdi-chef-hat" size="large" style="color: #2e1e0a" class="mb-3"></v-icon>
<h3 class="section-header justify-center mb-3">Consult the Chef</h3>
<p class="feature-text text-body-2">
@@ -43,7 +43,7 @@
Talk to Chef
</v-btn>
</v-col>
<v-col cols="12" md="4" class="text-center d-flex flex-column align-center px-2">
<v-col cols="12" md="4" class="text-center d-flex flex-column align-center">
<v-icon icon="mdi-book-open-variant" size="large" style="color: #2e1e0a" class="mb-3"></v-icon>
<h3 class="section-header justify-center mb-3">Preserve History</h3>
<p class="feature-text text-body-2">