mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-15 23:47:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

make the styling consistent across all pages of the mobile version

Browse Source
This commit is contained in:
MaysWind
2025-12-01 00:45:48 +08:00
parent 96561ec2be
commit c8b3daa915
56 changed files with 525 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/mobile/font-size-default.scss
+1 -1
View File
@@ -7,7 +7,7 @@
--f7-searchbar-input-height: 44px;
--f7-toolbar-font-size: 17px;
--f7-tabbar-icon-size: 28px;
--f7-tabbar-icons-height: 80px;
--f7-tabbar-icons-height: 64px;
--f7-tabbar-label-font-size: 12px;
--f7-label-font-size: 12px;
--f7-label-height: 16px;
src/styles/mobile/font-size-large.scss
+1 -1
View File
@@ -7,7 +7,7 @@
--f7-searchbar-input-height: 44px;
--f7-toolbar-font-size: 18px;
--f7-tabbar-icon-size: 29px;
--f7-tabbar-icons-height: 80px;
--f7-tabbar-icons-height: 66px;
--f7-tabbar-label-font-size: 13px;
--f7-label-font-size: 13px;
--f7-label-height: 16px;
src/styles/mobile/font-size-small.scss
+1 -1
View File
@@ -7,7 +7,7 @@
--f7-searchbar-input-height: 44px;
--f7-toolbar-font-size: 16px;
--f7-tabbar-icon-size: 28px;
--f7-tabbar-icons-height: 80px;
--f7-tabbar-icons-height: 62px;
--f7-tabbar-label-font-size: 12px;
--f7-label-font-size: 12px;
--f7-label-height: 16px;
src/styles/mobile/font-size-x-large.scss
+1 -1
View File
@@ -7,7 +7,7 @@
--f7-searchbar-input-height: 44px;
--f7-toolbar-font-size: 19px;
--f7-tabbar-icon-size: 30px;
--f7-tabbar-icons-height: 84px;
--f7-tabbar-icons-height: 68px;
--f7-tabbar-label-font-size: 14px;
--f7-label-font-size: 14px;
--f7-label-height: 16px;
src/styles/mobile/font-size-xx-large.scss
+1 -1
View File
@@ -7,7 +7,7 @@
--f7-searchbar-input-height: 46px;
--f7-toolbar-font-size: 20px;
--f7-tabbar-icon-size: 32px;
--f7-tabbar-icons-height: 92px;
--f7-tabbar-icons-height: 74px;
--f7-tabbar-label-font-size: 17px;
--f7-label-font-size: 16px;
--f7-label-height: 18px;
src/styles/mobile/font-size-xxx-large.scss
+1 -1
View File
@@ -7,7 +7,7 @@
--f7-searchbar-input-height: 48px;
--f7-toolbar-font-size: 22px;
--f7-tabbar-icon-size: 34px;
--f7-tabbar-icons-height: 96px;
--f7-tabbar-icons-height: 78px;
--f7-tabbar-label-font-size: 19px;
--f7-label-font-size: 18px;
--f7-label-height: 20px;
src/styles/mobile/font-size-xxxx-large.scss
+1 -1
View File
@@ -7,7 +7,7 @@
--f7-searchbar-input-height: 50px;
--f7-toolbar-font-size: 24px;
--f7-tabbar-icon-size: 36px;
--f7-tabbar-icons-height: 100px;
--f7-tabbar-icons-height: 82px;
--f7-tabbar-label-font-size: 21px;
--f7-label-font-size: 20px;
--f7-label-height: 22px;
src/styles/mobile/global.scss
+26 -16
View File
@@ -139,6 +139,12 @@ i.icon.la, i.icon.las, i.icon.lab {
opacity: 0.55 !important;
}
.item-input.item-input-outline {
> .item-inner {
min-height: calc(var(--f7-input-height) + 6px);
}
}
/** custom class **/
:root {
--default-icon-color: #000;
@@ -298,10 +304,24 @@ html[dir="rtl"] i.icon.icon-with-direction {
/** Replacing the default style of @vuepic/vue-datepicker **/
.dp__theme_light {
--dp-primary-color: #c67e48;
--dp-background-color: inherit;
--dp-border-color: #aaa;
--dp-menu-border-color: #aaa;
.dp__overlay {
--dp-background-color: #e1e1e2;
}
}
.dp__theme_dark {
--dp-primary-color: #c67e48;
--dp-background-color: inherit;
--dp-border-color: #555;
--dp-menu-border-color: #555;
.dp__overlay {
--dp-background-color: #1f1f1f;
}
}
/** Common class for replacing the default style of framework7 **/
@@ -314,11 +334,12 @@ html[dir="rtl"] i.icon.icon-with-direction {
background-color: inherit;
}
.toolbar-inner {
gap: 2px !important;
.toolbar.toolbar-bottom .toolbar-inner {
padding-bottom: 0 !important;
gap: 2px;
> .link {
padding: 0 !important;
padding: 0;
}
}
@@ -326,7 +347,7 @@ html[dir="rtl"] i.icon.icon-with-direction {
padding-inline-start: 16px;
padding-inline-end: 16px;
justify-content: space-between;
gap: 4px !important;
gap: 4px;
}
.toolbar-item-auto-size .toolbar-inner > .link {
@@ -566,6 +587,7 @@ html[dir="rtl"] .icon.las .badge.right-bottom-icon {
width: 100%;
top: 0;
cursor: pointer;
z-index: 10;
}
.swipe-handler:after {
@@ -765,18 +787,6 @@ html[dir="rtl"] .combination-list-wrapper .list.combination-list-header .combina
}
/** Fix @vuepic/vue-datepicker style issue **/
.dp__theme_light {
--dp-background-color: inherit;
--dp-border-color: #aaa;
--dp-menu-border-color: #aaa;
}
.dp__theme_dark {
--dp-background-color: inherit;
--dp-border-color: #555;
--dp-menu-border-color: #555;
}
.dp__main.dp__flex_display {
flex-direction: column;
}