Backup_Repos/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2026-05-07 12:01:40 +02:00
Code Issues Projects Releases Wiki Activity

styling

Browse source
This commit is contained in:
Gauthier Roebroeck 2026-03-20 16:43:09 +08:00
parent c467459489
commit 382d0c2acf
1 changed files with 31 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
next-ui/src/components/filter/by/ReleaseYear.vue
View file

@ -3,37 +3,41 @@
v-model="model.is"
label="Year"
clearable
hide-details
:items="selectItems"
@click:clear="model.is = undefined"
/>
<div class="d-flex justify-space-between align-center pb-2">
<span
class="text-body-large"
style="min-height: 26px"
>Year range</span
>
<v-chip
v-if="!!model.min && !!model.max"
:disabled="isSingle"
closable
color="primary"
rounded
size="small"
variant="elevated"
@click:close="clearRange()"
>{{ model.min }} - {{ model.max }}
</v-chip>
</div>
<div class="px-2 pt-2">
<div class="d-flex justify-space-between align-center mb-2">
<span
class="text-body-large"
style="min-height: 26px"
>Year range</span
>
<v-chip
v-if="!!model.min && !!model.max"
:disabled="isSingle"
closable
color="primary"
rounded
size="small"
variant="elevated"
@click:close="clearRange()"
>{{ model.min }} - {{ model.max }}
</v-chip>
</div>
<v-range-slider
v-model="modelRange"
strict
:disabled="disabled || isSingle"
:step="1"
:min="min"
:max="max"
thumb-label="hover"
/>
<v-range-slider
v-model="modelRange"
strict
hide-details
:disabled="disabled || isSingle"
:step="1"
:min="min"
:max="max"
thumb-label="hover"
/>
</div>
</template>
<script setup lang="ts">