fixed tabs hiding on mobile in editors

This commit is contained in:
vabene1111
2025-03-02 07:48:04 +01:00
parent 06c40b6c80
commit 7c448a5362
5 changed files with 34 additions and 26 deletions

View File

@@ -10,12 +10,14 @@
:model-class="modelClass"
:object-name="editingObjName()">
<v-card-text class="pa-0">
<v-tabs v-model="tab" :disabled="loading" grow>
<v-tab value="food">{{ $t('Food') }}</v-tab>
<v-tab value="properties">{{ $t('Properties') }}</v-tab>
<v-tab value="conversions">{{ $t('Conversion') }}</v-tab>
<v-tab value="misc">{{ $t('Miscellaneous') }}</v-tab>
</v-tabs>
</v-card-text>
<v-card-text>
<v-tabs-window v-model="tab">

View File

@@ -10,13 +10,14 @@
:model-class="modelClass"
:object-name="editingObjName()">
<v-card-text class="pa-0">
<v-tabs v-model="tab" :disabled="loading" grow>
<v-tab prepend-icon="$mealplan" value="plan">{{ $t('Meal_Plan') }}</v-tab>
<v-tab prepend-icon="$shopping" value="shopping" :disabled="!isUpdate()">{{ $t('Shopping_list') }}</v-tab>
</v-tabs>
</v-card-text>
<v-card-text>
<v-tabs-window v-model="tab">
<v-tabs-window-item value="plan">
<v-form :disabled="loading">

View File

@@ -10,10 +10,12 @@
:model-class="modelClass"
:object-name="editingObjName()">
<v-card-text class="pa-0">
<v-tabs v-model="tab" :disabled="loading" grow>
<v-tab value="book">{{ $t('Book') }}</v-tab>
<v-tab value="recipes" :disabled="!isUpdate()">{{ $t('Recipes') }}</v-tab>
</v-tabs>
</v-card-text>
<v-card-text>
<v-tabs-window v-model="tab">

View File

@@ -10,13 +10,14 @@
:model-class="modelClass"
:object-name="editingObjName()">
<v-card-text class="pa-0">
<v-tabs v-model="tab" :disabled="loading || fileApiLoading" grow>
<v-tab value="recipe">{{ $t('Recipe') }}</v-tab>
<v-tab value="steps">{{ $t('Steps') }}</v-tab>
<v-tab value="properties">{{ $t('Properties') }}</v-tab>
<v-tab value="settings">{{ $t('Settings') }}</v-tab>
</v-tabs>
</v-card-text>
<v-card-text v-if="!isSpaceAtRecipeLimit(useUserPreferenceStore().activeSpace)">
<v-tabs-window v-model="tab">
<v-tabs-window-item value="recipe">

View File

@@ -10,10 +10,12 @@
:model-class="modelClass"
:object-name="editingObjName()">
<v-card-text class="pa-0">
<v-tabs v-model="tab" :disabled="loading" grow>
<v-tab value="supermarket">{{ $t('Supermarket') }}</v-tab>
<v-tab value="categories" :disabled="!isUpdate()">{{ $t('Categories') }}</v-tab>
</v-tabs>
</v-card-text>
<v-card-text>
<v-tabs-window v-model="tab">