github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-22 22:43:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 15

fix recipe header text opacities

Browse source
This commit is contained in:
Kuchenpirat 2025-06-02 16:30:02 +00:00
commit c96cfecc63
3 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

3
frontend/components/Domain/Recipe/RecipeLastMade.vue
View file

@ -90,6 +90,7 @@
<v-btn <v-btn
rounded rounded
variant="outlined" variant="outlined"
color="primary"
size="x-large" size="x-large"
v-bind="props" v-bind="props"
@click="madeThisDialog = true" @click="madeThisDialog = true"
@ -97,7 +98,7 @@
<v-icon start size="large" color="primary"> <v-icon start size="large" color="primary">
{{ $globals.icons.calendar }} {{ $globals.icons.calendar }}
</v-icon> </v-icon>
<span class="text-body" style="letter-spacing: normal"> <span class="text-body-1 text-black opacity-80">
<b>{{ $t("general.last-made") }}</b> <b>{{ $t("general.last-made") }}</b>
<br> <br>
{{ lastMade ? new Date(lastMade).toLocaleDateString($i18n.locale) : $t("general.never") }} {{ lastMade ? new Date(lastMade).toLocaleDateString($i18n.locale) : $t("general.never") }}

6
frontend/components/Domain/Recipe/RecipeTimeCard.vue
View file

@ -18,7 +18,7 @@
{{ $globals.icons.clockOutline }} {{ $globals.icons.clockOutline }}
</v-icon> </v-icon>
<p class="my-0"> <p class="my-0">
<span class="font-weight-bold">{{ validateTotalTime.name }}</span><br>{{ validateTotalTime.value }} <span class="font-weight-bold opacity-80">{{ validateTotalTime.name }}</span><br>{{ validateTotalTime.value }}
</p> </p>
</v-row> </v-row>
</div> </div>
@ -50,7 +50,7 @@
{{ $globals.icons.knfife }} {{ $globals.icons.knfife }}
</v-icon> </v-icon>
<p class="my-0"> <p class="my-0">
<span class="font-weight-bold">{{ validatePrepTime.name }}</span><br>{{ validatePrepTime.value }} <span class="font-weight-bold opacity-80">{{ validatePrepTime.name }}</span><br>{{ validatePrepTime.value }}
</p> </p>
</div> </div>
<v-divider <v-divider
@ -70,7 +70,7 @@
{{ $globals.icons.potSteam }} {{ $globals.icons.potSteam }}
</v-icon> </v-icon>
<p class="my-0"> <p class="my-0">
<span class="font-weight-bold">{{ validatePerformTime.name }}</span><br>{{ validatePerformTime.value }} <span class="font-weight-bold opacity-80">{{ validatePerformTime.name }}</span><br>{{ validatePerformTime.value }}
</p> </p>
</div> </div>
</v-row> </v-row>

2
frontend/components/Domain/Recipe/RecipeYield.vue
View file

@ -15,7 +15,7 @@
> >
{{ $globals.icons.bread }} {{ $globals.icons.bread }}
</v-icon> </v-icon>
<p class="my-0"> <p class="my-0 opacity-80">
<span class="font-weight-bold">{{ $t("recipe.yield") }}</span><br> <span class="font-weight-bold">{{ $t("recipe.yield") }}</span><br>
<!-- eslint-disable-next-line vue/no-v-html --> <!-- eslint-disable-next-line vue/no-v-html -->
<span v-html="scaledAmount" /> {{ text }} <span v-html="scaledAmount" /> {{ text }}