edit page: change order of elements

This commit is contained in:
Tilman Behrend 2025-09-18 09:13:08 +02:00
parent fd5bc7faea
commit d9621e6a90

View file

@ -16,7 +16,7 @@
<!-- Tab 1: Basics - Only Image and Emotional Level -->
<q-tab-panel name="basics" class="q-pa-none">
<div class="q-gutter-md q-mt-md">
<div class="q-gutter-md ">
<!-- Emotional Level -->
<div class="q-mb-md">
@ -104,22 +104,7 @@
<!-- Tab 2: Content - Title, Headline, Date/Time, Description -->
<q-tab-panel name="content" class="q-pa-none">
<div class="q-gutter-md q-mt-md">
<!-- Title (formerly Subheadline) - Now mandatory -->
<q-input
v-model="form.subheadline"
label="Title *"
filled
:rules="[val => !!val || 'Title is required']"
/>
<!-- Headline - Now optional -->
<q-input
v-model="form.headline"
label="Headline"
filled
/>
<div class="q-gutter-md ">
<!-- Date and Time -->
<div class="row q-gutter-md q-mb-md">
@ -150,6 +135,21 @@
</div>
</div>
<!-- Title (formerly Subheadline) - Now mandatory -->
<q-input
v-model="form.subheadline"
label="Title *"
filled
:rules="[val => !!val || 'Title is required']"
/>
<!-- Headline - Now optional -->
<q-input
v-model="form.headline"
label="Headline"
filled
/>
<!-- Description (formerly Text) -->
<q-input
v-model="form.text"
@ -388,7 +388,7 @@
<!-- Category Selection -->
<div class="q-mb-md">
<q-separator class="q-mt-lg q-mb-lg" />
<q-separator class="q-mb-md" />
<q-label class="text-subtitle2 q-mb-sm">Category</q-label>
<!-- Main Category Selection with vue-select -->
@ -441,7 +441,7 @@
<!-- Delete Entry Section -->
<div class="q-mb-md q-mt-lg">
<q-separator class="q-mt-lg q-mb-lg" />
<q-separator class="q-mb-md" />
<q-label class="text-subtitle2 q-mb-sm text-negative">Danger Zone</q-label>
<p class="text-caption text-grey q-mb-md">
Once you delete this entry, it cannot be recovered. Please be certain.