gitadmin/sk_fems_ui
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge pull request 'optimize-css' (#76) from dev-dungtv-optimize-css into dev

Browse Source 
Reviewed-on: #76
This commit is contained in:
dev
2025-08-20 11:08:18 +09:00
parent b7f83002c1 dc43264503
commit c77ee52c19
21 changed files with 68 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
assets/scss/common.scss
View File

@ -1,17 +1,5 @@
// router-tab (header)
@import "./var.scss";
@import "./mixin.scss";
@import "./common/fonts.scss";
@import "./common/text.scss";
@import "./common/input.scss";
@import "./common/button.scss";
@import "./common/grid.scss";
@import "./common/card.scss";
@import "./common/tabs.scss";
@import "./common/numericInput.scss";
@import "./common/pagination.scss";
@import "./common/editor.scss";
html,
body {
@ -335,74 +323,6 @@ a {
}
}
.router-tab {
.router-tab__header {
background-color: map-deep-get($config, #{$theme}, "router-header");
border-color: map-deep-get($config, #{$theme}, "router-header");
height: 46px;
z-index: 7;
max-width: calc(100vw - 290px);
}
.router-tab__container {
background-color: map-deep-get($config, #{$theme}, "router-container");
}
.router-tab__item {
background-color: map-deep-get($config, #{$theme}, "router-tab-item");
border-color: map-deep-get($config, #{$theme}, "router-tab-item");
color: map-deep-get($config, #{$theme}, "router-tab-item-color");
&:not(.is-active) {
&:hover {
&>span {
color: map-deep-get($config,
#{$theme},
"router-tab-item-hover-color"
);
}
}
}
.v-icon {
color: map-deep-get($config, #{$theme}, "router-tab-item-icon-color");
}
&.is-active {
background-color: map-deep-get($config,
#{$theme},
"router-tab-item-active"
);
border-color: map-deep-get($config,
#{$theme},
"router-tab-item-active-color"
) !important;
color: map-deep-get($config,
#{$theme},
"router-tab-item-active-color"
);
.v-icon {
color: map-deep-get($config,
#{$theme},
"router-tab-item-icon-active-color"
);
}
}
}
.router-tab__slot-end {
.v-btn {
background-color: map-deep-get($config,
#{$theme},
"router-tab-slot-end-button-backgroundColor"
);
box-shadow: none;
}
}
}
.border-bottom-1 {
border-bottom: 1px solid map-deep-get($config, #{$theme}, "border-color");
}

65
assets/scss/layout.scss
View File

@ -182,6 +182,7 @@
height: calc(100vh - 110px);
max-height: calc(100vh - 115px);
padding: 20px;
background-color: transparent !important;
}
.router-tab__slot-end {
@ -436,6 +437,70 @@
}
}
.router-tab {
.router-tab__header {
background-color: map-deep-get($config, #{$theme}, "router-header");
border-color: map-deep-get($config, #{$theme}, "router-header");
height: 46px;
z-index: 7;
max-width: calc(100vw - 290px);
}
.router-tab__item {
background-color: map-deep-get($config, #{$theme}, "router-tab-item");
border-color: map-deep-get($config, #{$theme}, "router-tab-item");
color: map-deep-get($config, #{$theme}, "router-tab-item-color");
&:not(.is-active) {
&:hover {
&>span {
color: map-deep-get($config,
#{$theme},
"router-tab-item-hover-color"
);
}
}
}
.v-icon {
color: map-deep-get($config, #{$theme}, "router-tab-item-icon-color");
}
&.is-active {
background-color: map-deep-get($config,
#{$theme},
"router-tab-item-active"
);
border-color: map-deep-get($config,
#{$theme},
"router-tab-item-active-color"
) !important;
color: map-deep-get($config,
#{$theme},
"router-tab-item-active-color"
);
.v-icon {
color: map-deep-get($config,
#{$theme},
"router-tab-item-icon-active-color"
);
}
}
}
.router-tab__slot-end {
.v-btn {
background-color: map-deep-get($config,
#{$theme},
"router-tab-slot-end-button-backgroundColor"
);
box-shadow: none;
}
}
}
}
}
}

7
assets/scss/theme.scss
View File

@ -1,10 +1,3 @@
// @import './var.scss';
// @import './functions.scss';
// @import './mixin.scss';
// @each $theme in dark, light{
// @include theme($theme);
// .v-application.#{$theme}-mode{