refactor: use vuetify form controls

This commit is contained in:
2026-05-07 19:38:51 -04:00
parent 6ac05e1a10
commit 4aaa1a7f90
21 changed files with 724 additions and 774 deletions

View File

@@ -100,14 +100,16 @@
</section>
<section class="filter-panel">
<label class="filter-search">
<v-icon :icon="mdiMagnify" />
<input
v-model="feedbackStore.filters.search"
type="search"
:placeholder="t('feedback.review.filters.search')"
/>
</label>
<v-text-field
v-model="feedbackStore.filters.search"
:label="t('feedback.review.filters.search')"
:prepend-inner-icon="mdiMagnify"
density="compact"
variant="outlined"
hide-details
clearable
type="search"
/>
<v-select
v-model="feedbackStore.filters.type"
@@ -139,32 +141,40 @@
clearable
/>
<input
<v-text-field
v-model="feedbackStore.filters.reporter"
class="field"
type="text"
:placeholder="t('feedback.review.filters.reporter')"
:label="t('feedback.review.filters.reporter')"
density="compact"
variant="outlined"
hide-details
clearable
/>
<input
<v-text-field
v-model="feedbackStore.filters.workspace"
class="field"
type="text"
:placeholder="t('feedback.review.filters.workspace')"
:label="t('feedback.review.filters.workspace')"
density="compact"
variant="outlined"
hide-details
clearable
/>
<input
<v-text-field
v-model="feedbackStore.filters.fromDate"
class="field"
:label="t('feedback.review.filters.fromDate')"
density="compact"
variant="outlined"
hide-details
type="date"
:aria-label="t('feedback.review.filters.fromDate')"
/>
<input
<v-text-field
v-model="feedbackStore.filters.toDate"
class="field"
:label="t('feedback.review.filters.toDate')"
density="compact"
variant="outlined"
hide-details
type="date"
:aria-label="t('feedback.review.filters.toDate')"
/>
<v-select