mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-20 09:44:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

update query area style

Browse Source
This commit is contained in:
MaysWind
2025-12-26 00:46:23 +08:00
parent 1cc0cd7ae6
commit e252378898
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/desktop/global.scss
+1
View File
@@ -83,6 +83,7 @@ input[type=number] {
background-color: var(--v-expand-panel-title-bg); background-color: var(--v-expand-panel-title-bg);
} }
.card-title-with-bg > .v-card-title,
.card-title-with-bg > .v-card-item { .card-title-with-bg > .v-card-item {
background-color: var(--v-card-title-bg); background-color: var(--v-card-title-bg);
} }
src/views/desktop/insights/tabs/ExploreQueryTab.vue
+7 -6
View File
@@ -12,10 +12,11 @@
</v-card-subtitle> </v-card-subtitle>
<v-card-text class="pt-0"> <v-card-text class="pt-0">
<div :key="queryIndex" v-for="(query, queryIndex) in queries"> <div :key="queryIndex" v-for="(query, queryIndex) in queries">
<v-card class="mt-4" variant="outlined"> <v-card border class="card-title-with-bg mt-4">
<v-card-title class="d-flex align-center py-2 px-4"> <v-card-title class="d-flex align-center py-2 px-5">
<span class="text-subtitle-1" v-if="editingQuery !== query">{{ query.name || `${tt('Query')} #${queryIndex + 1}` }}</span> <v-icon :icon="mdiTextBoxSearchOutline" size="20" />
<div class="query-name-edit" v-if="editingQuery === query"> <span class="text-subtitle-1 ms-2" v-if="editingQuery !== query">{{ query.name || `${tt('Query')} #${queryIndex + 1}` }}</span>
<div class="query-name-edit ms-2" v-if="editingQuery === query">
<v-text-field type="text" density="compact" variant="underlined" <v-text-field type="text" density="compact" variant="underlined"
:disabled="loading" :disabled="loading"
:placeholder="`${tt('Query')} #${queryIndex + 1}`" :placeholder="`${tt('Query')} #${queryIndex + 1}`"
@@ -312,8 +313,7 @@
</div> </div>
</div> </div>
<v-btn color="primary" density="comfortable" <v-btn class="px-2" density="comfortable" color="primary" variant="text" size="small"
variant="text" size="small"
:prepend-icon="mdiPlus" :prepend-icon="mdiPlus"
:disabled="loading || !!editingQuery || showExpression[queryIndex]" :disabled="loading || !!editingQuery || showExpression[queryIndex]"
@click="addCondition(queryIndex)"> @click="addCondition(queryIndex)">
@@ -397,6 +397,7 @@ import {
import logger from '@/lib/logger.ts'; import logger from '@/lib/logger.ts';
import { import {
mdiTextBoxSearchOutline,
mdiPlus, mdiPlus,
mdiPencilOutline, mdiPencilOutline,
mdiContentCopy, mdiContentCopy,