style(front): consistent inputs on edit form

This commit is contained in:
ArneBo 2025-02-13 22:23:43 +01:00
parent 3aa79c9017
commit 236d9edc75
1 changed files with 11 additions and 16 deletions

View File

@ -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