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

init dev-push code ui base design

Browse Source
This commit is contained in:
leonard
2025-07-22 09:58:38 +07:00
parent ffdf5ccb66
commit eedbf94d56
214 changed files with 42170 additions and 28040 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
assets/scss/common/button.scss
View File

@ -1,40 +1,54 @@
.v-btn {
background-color: #144985;
background-color: #1677ff;
&:not(.v-btn--round) {
border-radius: 6px;
}
&-radius {
&__20 {
border-radius: 20px !important;
}
&__50per {
border-radius: 50% !important;
}
}
&__full {
width: 100%;
}
&__round {
min-width: 100px !important;
padding: 8px 25px !important;
border-radius: 20px !important;
}
&__excel {
background-color: #47535c !important;
}
&-bg {
&__transparent {
background-color: transparent !important;
}
&__blue {
background-color: $--color-primary__blue;
}
&__white-blue {
background-color: $--color-white;
color: $--color-primary__blue;
}
}
&__transparent {
border: 0;
background-color: transparent !important;
}
&.v-btn--icon.v-btn--tile {
border-radius: 4px;
}
@ -42,16 +56,18 @@
@each $theme in dark, light {
@include theme($theme);
.v-application.#{$theme}-mode {
.v-btn-bg__w-g5 {
background-color: $--theme-color-w-g5;
i {
color: $--theme-color-g5-w;
}
}
.v-btn {
background-color: map-deep-get(
$config,
background-color: map-deep-get($config,
#{$theme},
"v-btn-backgroundColor"
);
@ -59,8 +75,7 @@
&.v-btn--disabled {
opacity: 0.4;
background-color: map-deep-get(
$config,
background-color: map-deep-get($config,
#{$theme},
"v-btn-backgroundColor"
) !important;
@ -71,5 +86,69 @@
}
}
}
.basic-button {
color: map-deep-get($config, #{$theme}, "basic-button-color");
background: map-deep-get($config, #{$theme}, "basic-button-background");
}
.search-button {
color: map-deep-get($config, #{$theme}, "search-btn-color");
}
.v-dialog {
.ant-btn-icon-only {
color: map-deep-get(
$config,
#{$theme},
"icon-color"
);
}
}
.ant-btn {
&.ant-btn-primary {
background: map-deep-get($config, #{$theme}, "ant-btn-primary-bg");
border-color:map-deep-get($config, #{$theme}, "ant-btn-primary-bg");
color:map-deep-get($config, #{$theme}, "ant-btn-primary-color");
}
&.ant-btn-default {
background:map-deep-get($config, #{$theme}, "ant-btn-default-bg");
color:map-deep-get($config, #{$theme}, "ant-btn-default-color");
}
&.ant-btn-danger {
&.ant-btn-background-ghost {
color:map-deep-get($config, #{$theme}, "ant-btn-danger-color");
border-color:map-deep-get($config, #{$theme}, "ant-btn-danger-border");
background: map-deep-get($config, #{$theme}, "ant-btn-danger-bg") !important;
}
}
}
}
}
.v-application {
.ant-btn {
border-radius: 6px;
&.ant-btn-lg {
border-radius: 8px;
}
&.ant-btn-default {
border:none !important
}
}
}
.v-dialog {
.ant-btn-icon-only {
border: none;
width: 16px;
height: 16px;
background:none;
}
}