modify the style of the custom time range

This commit is contained in:
MaysWind
2025-08-25 22:21:57 +08:00
parent 25681f622d
commit 0b48502a10
2 changed files with 24 additions and 22 deletions
@@ -69,11 +69,12 @@
<v-list-item :key="dateRange.type" :value="dateRange.type"
:append-icon="(queryDateType === dateRange.type ? mdiCheck : undefined)"
v-for="dateRange in allDateRanges">
<v-list-item-title
class="cursor-pointer"
@click="setDateFilter(dateRange.type)">
{{ dateRange.displayName }}
<div class="statistics-custom-datetime-range" v-if="dateRange.isUserCustomRange && canShowCustomDateRange(dateRange.type)">
<v-list-item-title class="cursor-pointer"
@click="setDateFilter(dateRange.type)">
<div class="d-flex align-center">
<span>{{ dateRange.displayName }}</span>
</div>
<div class="statistics-custom-datetime-range smaller" v-if="dateRange.isUserCustomRange && canShowCustomDateRange(dateRange.type)">
<span>{{ queryStartTime }}</span>
<span>&nbsp;-&nbsp;</span>
<br/>
@@ -1020,9 +1021,7 @@ init(props);
<style>
.statistics-custom-datetime-range {
font-size: 0.7rem;
line-height: 1rem;
color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)) !important;
}
.statistics-overview-title {