modify style

This commit is contained in:
MaysWind
2025-07-28 22:49:15 +08:00
parent fd99c784b3
commit d146a99c65
17 changed files with 62 additions and 79 deletions
@@ -15,13 +15,11 @@
<f7-accordion-item>
<f7-block-title>
<f7-accordion-toggle>
<f7-list strong inset dividers media-list
<f7-list strong inset dividers
class="combination-list-header combination-list-opened">
<f7-list-item>
<template #title>
<span>Account Category</span>
<f7-icon class="combination-list-chevron-icon" f7="chevron_up"></f7-icon>
</template>
<f7-list-item group-title>
<small>Account Category</small>
<f7-icon class="combination-list-chevron-icon" f7="chevron_up"></f7-icon>
</f7-list-item>
</f7-list>
</f7-accordion-toggle>
@@ -54,14 +52,12 @@
@accordion:close="collapseStates[accountCategory.category].opened = false">
<f7-block-title>
<f7-accordion-toggle>
<f7-list strong inset dividers media-list
<f7-list strong inset dividers
class="combination-list-header"
:class="collapseStates[accountCategory.category].opened ? 'combination-list-opened' : 'combination-list-closed'">
<f7-list-item>
<template #title>
<span>{{ tt(accountCategory.name) }}</span>
<f7-icon class="combination-list-chevron-icon" :f7="collapseStates[accountCategory.category].opened ? 'chevron_up' : 'chevron_down'"></f7-icon>
</template>
<f7-list-item group-title>
<small>{{ tt(accountCategory.name) }}</small>
<f7-icon class="combination-list-chevron-icon" :f7="collapseStates[accountCategory.category].opened ? 'chevron_up' : 'chevron_down'"></f7-icon>
</f7-list-item>
</f7-list>
</f7-accordion-toggle>
@@ -192,10 +192,6 @@ init();
</script>
<style>
.synchronized-settings-list {
--f7-list-group-title-height: var(--ebk-synchronized-settings-list-group-title-height);
}
.synchronized-settings-device-icon {
font-size: var(--ebk-synchronized-settings-list-device-icon-font-size);
}
@@ -15,13 +15,11 @@
<f7-accordion-item>
<f7-block-title>
<f7-accordion-toggle>
<f7-list strong inset dividers media-list
<f7-list strong inset dividers
class="combination-list-header combination-list-opened">
<f7-list-item>
<template #title>
<span>Transaction Category</span>
<f7-icon class="combination-list-chevron-icon" f7="chevron_up"></f7-icon>
</template>
<f7-list-item group-title>
<small>Transaction Category</small>
<f7-icon class="combination-list-chevron-icon" f7="chevron_up"></f7-icon>
</f7-list-item>
</f7-list>
</f7-accordion-toggle>
@@ -59,14 +57,12 @@
@accordion:close="collapseStates[categoryType.type].opened = false">
<f7-block-title>
<f7-accordion-toggle>
<f7-list strong inset dividers media-list
<f7-list strong inset dividers
class="combination-list-header"
:class="collapseStates[categoryType.type].opened ? 'combination-list-opened' : 'combination-list-closed'">
<f7-list-item>
<template #title>
<span>{{ getCategoryTypeName(categoryType.type) }}</span>
<f7-icon class="combination-list-chevron-icon" :f7="collapseStates[categoryType.type].opened ? 'chevron_up' : 'chevron_down'"></f7-icon>
</template>
<f7-list-item group-title>
<small>{{ getCategoryTypeName(categoryType.type) }}</small>
<f7-icon class="combination-list-chevron-icon" :f7="collapseStates[categoryType.type].opened ? 'chevron_up' : 'chevron_down'"></f7-icon>
</f7-list-item>
</f7-list>
</f7-accordion-toggle>
@@ -13,13 +13,11 @@
<f7-accordion-item>
<f7-block-title>
<f7-accordion-toggle>
<f7-list strong inset dividers media-list
<f7-list strong inset dividers
class="combination-list-header combination-list-opened">
<f7-list-item>
<template #title>
<span>Tags</span>
<f7-icon class="combination-list-chevron-icon" f7="chevron_up"></f7-icon>
</template>
<f7-list-item group-title>
<small>Tags</small>
<f7-icon class="combination-list-chevron-icon" f7="chevron_up"></f7-icon>
</f7-list-item>
</f7-list>
</f7-accordion-toggle>
@@ -58,14 +56,12 @@
@accordion:close="collapseStates['default'].opened = false">
<f7-block-title>
<f7-accordion-toggle>
<f7-list strong inset dividers media-list
<f7-list strong inset dividers
class="combination-list-header"
:class="collapseStates['default'].opened ? 'combination-list-opened' : 'combination-list-closed'">
<f7-list-item>
<template #title>
<span>{{ tt('Tags') }}</span>
<f7-icon class="combination-list-chevron-icon" :f7="collapseStates['default'].opened ? 'chevron_up' : 'chevron_down'"></f7-icon>
</template>
<f7-list-item group-title>
<small>{{ tt('Tags') }}</small>
<f7-icon class="combination-list-chevron-icon" :f7="collapseStates['default'].opened ? 'chevron_up' : 'chevron_down'"></f7-icon>
</f7-list-item>
</f7-list>
</f7-accordion-toggle>