fix cookbook overview page visuals

This commit is contained in:
Kuchenpirat 2025-05-23 09:26:29 +00:00
commit 845e306fe4
5 changed files with 11 additions and 4 deletions

View file

@ -27,6 +27,7 @@
v-model="cookbook.public" v-model="cookbook.public"
hide-details hide-details
single-line single-line
color="primary"
> >
<template #label> <template #label>
{{ $t('cookbook.public-cookbook') }} {{ $t('cookbook.public-cookbook') }}

View file

@ -272,19 +272,22 @@
</v-container> </v-container>
</v-card-text> </v-card-text>
<v-card-actions> <v-card-actions>
<v-container fluid class="d-flex justify-end pa-0 mx-2"> <v-row fluid class="d-flex justify-end pa-0 mx-2">
<v-spacer />
<v-checkbox <v-checkbox
v-model="showAdvanced" v-model="showAdvanced"
hide-details hide-details
:label="$t('general.show-advanced')" :label="$t('general.show-advanced')"
class="my-auto mr-4" class="my-auto mr-4"
color="primary"
/> />
<BaseButton <BaseButton
create create
:text="$t('general.add-field')" :text="$t('general.add-field')"
class="my-auto"
@click="addField(fieldDefs[0])" @click="addField(fieldDefs[0])"
/> />
</v-container> </v-row>
</v-card-actions> </v-card-actions>
</v-card> </v-card>
</template> </template>

View file

@ -12,6 +12,7 @@
:size="small ? 'small' : undefined" :size="small ? 'small' : undefined"
icon icon
v-bind="props" v-bind="props"
variant="flat"
@click.stop @click.stop
> >
<v-icon :small="small"> <v-icon :small="small">

View file

@ -39,7 +39,7 @@
<!-- Cookbook Page --> <!-- Cookbook Page -->
<!-- Page Title --> <!-- Page Title -->
<v-container class="px-12"> <v-container class="px-12" max-width="1000">
<BasePageTitle divider> <BasePageTitle divider>
<template #header> <template #header>
<v-img width="100%" max-height="100" max-width="100" :src="require('~/static/svgs/manage-cookbooks.svg')" /> <v-img width="100%" max-height="100" max-width="100" :src="require('~/static/svgs/manage-cookbooks.svg')" />
@ -55,6 +55,7 @@
v-model="cookbookPreferences.hideOtherHouseholds" v-model="cookbookPreferences.hideOtherHouseholds"
:label="$t('cookbook.hide-cookbooks-from-other-households')" :label="$t('cookbook.hide-cookbooks-from-other-households')"
hide-details hide-details
color="primary"
/> />
<div class="ml-10 mt-n3"> <div class="ml-10 mt-n3">
<p class="text-subtitle-2 my-0 py-0"> <p class="text-subtitle-2 my-0 py-0">
@ -81,7 +82,7 @@
:key="cookbook.id" :key="cookbook.id"
class="my-2 left-border rounded" class="my-2 left-border rounded"
> >
<v-expansion-panel-title disable-icon-rotate class="text-h6"> <v-expansion-panel-title disable-icon-rotate class="text-h6 opacity-80">
<div class="d-flex align-center"> <div class="d-flex align-center">
<v-icon size="large" start> <v-icon size="large" start>
{{ $globals.icons.pages }} {{ $globals.icons.pages }}

View file

@ -175,6 +175,7 @@
v-model="userCopy.advanced" v-model="userCopy.advanced"
class="mt-n4" class="mt-n4"
:label="$t('profile.show-advanced-description')" :label="$t('profile.show-advanced-description')"
color="primary"
@change="updateUser" @change="updateUser"
/> />
<nuxt-link <nuxt-link