fix spacing and layouts for small screens

This commit is contained in:
p0lycarpio
2023-09-04 11:20:48 +02:00
parent e538c5cbd8
commit e2665bcebf
13 changed files with 36 additions and 46 deletions

View File

@@ -65,7 +65,7 @@
</v-col>
</template>
</v-row>
<v-card-actions class="justify-end">
<v-card-actions class="justify-end flex-wrap mb-1">
<BaseButton
delete
@click="
@@ -76,11 +76,11 @@
Clear
</BaseButton>
<v-spacer></v-spacer>
<BaseButton class="mr-1" color="info" @click="bulkUrls.push({ url: '', categories: [], tags: [] })">
<BaseButton class="mr-1 mb-1" color="info" @click="bulkUrls.push({ url: '', categories: [], tags: [] })">
<template #icon> {{ $globals.icons.createAlt }} </template>
New
</BaseButton>
<RecipeDialogBulkAdd v-model="bulkDialog" @bulk-data="assignUrls" />
<RecipeDialogBulkAdd v-model="bulkDialog" class="mr-1 mr-sm-0 mb-1" @bulk-data="assignUrls" />
</v-card-actions>
<div class="px-1">
<v-checkbox v-model="showCatTags" hide-details :label="$t('recipe.set-categories-and-tags')" />