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

fix bugs change theme model

Browse Source
This commit is contained in:
Tran Van Dung/(Tran Van Dung)/현장대리인/SK
2025-08-19 14:26:27 +07:00
parent 5abba695b2
commit dc43264503
3 changed files with 65 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
assets/scss/common.scss
View File

@ -322,74 +322,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;
}
}
}
}
}
}