style(front): consistent inputs on edit form
This commit is contained in:
parent
3aa79c9017
commit
236d9edc75
|
@ -166,21 +166,25 @@ const resetField = (fieldId: string) => {
|
|||
<!--TODO: Use Section component with conditional headlines and action buttons-->
|
||||
<template v-if="showPendingReview">
|
||||
{{ t('components.library.EditForm.header.unreviewed') }}
|
||||
<button
|
||||
class="ui tiny basic right floated button"
|
||||
<Button
|
||||
class="right floated"
|
||||
secondary
|
||||
thin-font
|
||||
@click.prevent="showPendingReview = false"
|
||||
>
|
||||
{{ t('components.library.EditForm.button.showAll') }}
|
||||
</button>
|
||||
</Button>
|
||||
</template>
|
||||
<template v-else>
|
||||
{{ t('components.library.EditForm.header.recentEdits') }}
|
||||
<button
|
||||
class="ui tiny basic right floated button"
|
||||
<Button
|
||||
class="right floated"
|
||||
secondary
|
||||
thin-font
|
||||
@click.prevent="showPendingReview = true"
|
||||
>
|
||||
{{ t('components.library.EditForm.button.showUnreviewed') }}
|
||||
</button>
|
||||
</Button>
|
||||
</template>
|
||||
</div>
|
||||
<template #empty-state>
|
||||
|
@ -192,7 +196,7 @@ const resetField = (fieldId: string) => {
|
|||
|
||||
<!-- Add new edits -->
|
||||
|
||||
<form style="display: contents;"
|
||||
<form class="ui form" style="display: contents;"
|
||||
@submit.prevent="submit()"
|
||||
>
|
||||
<Alert red
|
||||
|
@ -234,7 +238,6 @@ const resetField = (fieldId: string) => {
|
|||
</template>
|
||||
<template v-else-if="fieldConfig.type === 'license'">
|
||||
<label :for="fieldConfig.id">{{ fieldConfig.label }}</label>
|
||||
|
||||
<select
|
||||
:id="fieldConfig.id"
|
||||
ref="license"
|
||||
|
@ -253,14 +256,6 @@ const resetField = (fieldId: string) => {
|
|||
{{ name }}
|
||||
</option>
|
||||
</select>
|
||||
<Button
|
||||
tiny
|
||||
icon="bi-x"
|
||||
form="noop"
|
||||
@click.prevent="values[fieldConfig.id] = null"
|
||||
>
|
||||
{{ t('components.library.EditForm.button.clear') }}
|
||||
</Button>
|
||||
</template>
|
||||
<template v-else-if="fieldConfig.type === 'content'">
|
||||
<Textarea
|
||||
|
|
Loading…
Reference in New Issue