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

fix recipe instructions text sizing and sheet paddings

Browse source
This commit is contained in:
Kuchenpirat 2025-06-03 12:20:58 +00:00
commit 1f5862ca03
1 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue
View file

@ -144,7 +144,8 @@
<v-sheet <v-sheet
v-if="step.id && showTitleEditor[step.id]" v-if="step.id && showTitleEditor[step.id]"
color="primary" color="primary"
class="mt-6 mb-2 pa-3 d-flex align-center" class="mt-6 mb-2 d-flex align-center"
:class="isEditForm ? 'pa-2' : 'pa-3'"
style="border-radius: 6px; cursor: pointer; width: 100%;" style="border-radius: 6px; cursor: pointer; width: 100%;"
@click="toggleCollapseSection(index)" @click="toggleCollapseSection(index)"
> >
@ -175,7 +176,7 @@
@click="toggleDisabled(index)" @click="toggleDisabled(index)"
> >
<v-card-title :class="{ 'pb-0': !isChecked(index) }"> <v-card-title :class="{ 'pb-0': !isChecked(index) }">
<div class="d-flex"> <div class="d-flex align-center">
<v-text-field <v-text-field
v-if="isEditForm" v-if="isEditForm"
v-model="step.summary" v-model="step.summary"
@ -869,4 +870,8 @@ export default defineNuxtComponent({
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
z-index: 1; z-index: 1;
} }
.v-text-field >>> input {
font-size: 1.5rem;
}
</style> </style>