tweak form

parent 191a9038
......@@ -4,7 +4,7 @@
<section class="bg-grey-4">
<q-card style="width:560px">
<q-bar
>{{ action }} Viewpoint
><b>{{ action }} Viewpoint</b>
<q-space />
<q-btn v-close-popup dense round flat icon="close" />
</q-bar>
......
......@@ -6,7 +6,7 @@
<div>
<q-card flat style="width: 560px; max-width: 60vw;">
<q-bar
>{{ action }} a Viewpoint Collection
><b>{{ action }} a Viewpoint Collection</b>
<q-space />
<q-btn v-close-popup dense round flat icon="close" />
</q-bar>
......@@ -48,33 +48,35 @@
/>
</span>
</q-card-section>
<q-form class="q-gutter-md">
<q-input filled v-model="vp.title" label="Title" />
<q-input
filled
type="textarea"
v-model="vp.introduction"
label="Short introduction text on Card"
min-height="5rem"
/>
<q-input
filled
type="textarea"
v-model="vp.text"
label="Text about this Collection"
min-height="5rem"
/>
<q-card-actions class="q-pa-xl" align="center">
<q-btn no-caps :disabled="false" v-close-popup label="Cancel" />
<q-btn
no-caps
color="green"
:disabled="isEmpty"
label="Save"
@click="save"
<q-card-section>
<q-form class="q-gutter-md q-pa-md">
<q-input filled v-model="vp.title" label="Title" />
<q-input
filled
type="textarea"
v-model="vp.introduction"
label="Short introduction text on Card"
min-height="5rem"
/>
<q-input
filled
type="textarea"
v-model="vp.text"
label="Text about this Collection"
min-height="5rem"
/>
</q-card-actions>
</q-form>
</q-form>
</q-card-section>
<q-card-actions class="q-pa-xl" align="center">
<q-btn no-caps :disabled="false" v-close-popup label="Cancel" />
<q-btn
no-caps
color="green"
:disabled="isEmpty"
label="Save"
@click="save"
/>
</q-card-actions>
</q-card>
</div>
</template>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment