chloe/Seasoned
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI update

Browse Source
This commit is contained in:
chloe
2026-03-19 13:52:23 +00:00
parent 2822d798be
commit 8c8f8639c3
2 changed files with 32 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
Seasoned.Frontend/app/assets/css/app-theme.css
View File

@@ -280,11 +280,18 @@ html, body {
position: relative !important; position: relative !important;
} }
.chat-container, .v-app-bar, .no-print, .separator, .v-divider, .recipe-description, button, .v-btn, .drop-zone { .chat-container, .v-app-bar, .no-print, .separator, .v-divider,
.recipe-description, button, .v-btn, .drop-zone, .v-card-actions,
.v-btn--variant-text, .v-btn--variant-elevated,
footer, .v-footer, .recipe-actions-row {
display: none !important; display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important; height: 0 !important;
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
} }
.v-application, .v-application__wrap, main.v-main, .v-container, .recipe-card { .v-application, .v-application__wrap, main.v-main, .v-container, .recipe-card {
@@ -312,20 +319,27 @@ html, body {
.v-card, .v-card,
.recipe-card, .recipe-card,
.v-application, .v-theme--light,
.v-application__wrap,
.v-card--variant-elevated, .v-card--variant-elevated,
.v-card__underlay,
[class*="elevation-"], [class*="elevation-"],
[class*="v-card--variant"] { [class*="v-card--variant"] {
box-shadow: none !important; box-shadow: none !important;
border: none !important; -webkit-box-shadow: none !important;
filter: none !important;
--v-shadow-key-umbra: none !important;
--v-shadow-key-penumbra: none !important;
--v-shadow-key-ambient: none !important;
border: 0px solid transparent !important;
outline: none !important; outline: none !important;
background-color: transparent !important; background: transparent !important;
background-image: none !important; background-image: none !important;
display: contents !important;
} }
header.text-center { header.text-center {
margin-bottom: 5px !important; margin-bottom: 0px !important;
padding-bottom: 0px !important;
} }
.recipe-content { .recipe-content {
@@ -339,7 +353,8 @@ html, body {
} }
.recipe-title { .recipe-title {
margin-bottom: 40px !important; margin-top: -20px !important;
margin-bottom: 20px !important;
font-size: 1.6rem !important; font-size: 1.6rem !important;
text-align: center; text-align: center;
font-weight: bold !important; font-weight: bold !important;

20
Seasoned.Frontend/app/pages/index.vue
View File

@@ -3,9 +3,9 @@
<v-row density="compact" justify="center" align="start" class="pt-6"> <v-row density="compact" justify="center" align="start" class="pt-6">
<v-col cols="12" class="text-center px-4"> <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"> <div class="brand-icon-container mb-2">
<v-img <v-img
src="/images/seasoned-logo.png" src="/images/seasoned-logo.png"
@@ -15,24 +15,24 @@
></v-img> ></v-img>
</div> </div>
<h1 class="brand-title mt-0 mb-1">Seasoned</h1> <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> </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-row class="mb-12 px-6" justify="center">
<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-folder-text" size="large" style="color: #2e1e0a" class="mb-3"></v-icon> <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> <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. Turn handwritten cards into searchable digital text instantly.
</p> </p>
<v-spacer></v-spacer> <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 Go to Uploader
</v-btn> </v-btn>
</v-col> </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> <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> <h3 class="section-header justify-center mb-3">Consult the Chef</h3>
<p class="feature-text text-body-2"> <p class="feature-text text-body-2">
@@ -43,7 +43,7 @@
Talk to Chef Talk to Chef
</v-btn> </v-btn>
</v-col> </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> <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> <h3 class="section-header justify-center mb-3">Preserve History</h3>
<p class="feature-text text-body-2"> <p class="feature-text text-body-2">