fabio286/antares
1
1
Fork 0
mirror of https://github.com/Fabio286/antares.git synced 2025-06-05 21:59:22 +02:00
Code Issues Releases Wiki Activity

feat(UI): ForeignKeySelect implements BaseSelect component

Browse Source
This commit is contained in:
Giulio Ganci
2022-05-09 11:29:25 +02:00
parent 0043d07708
commit 302c66457d
6 changed files with 147 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/renderer/scss/main.scss
View File

@ -302,39 +302,35 @@ option:checked {
border-color: $primary-color !important;
@include control-shadow();
}
}
}
.select__list-wrapper {
border: 1px solid transparent;
border-radius: $border-radius;
box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.2), 0px 6px 20px 0px rgba(0, 0, 0, 0.19);
}
.select__list {
margin: 0;
li {
margin: 0;
padding: 0.3rem 0.8rem;
.select__list {
margin: 0;
li {
margin: 0;
padding: 0.3rem 0.8rem;
}
}
&.select-sm {
.select__list {
li {
padding: 0.05rem 0.3rem;
}
}
}
.select__option--selected {
background: rgba($primary-color, 0.25);
}
.select__option--highlight {
background: $primary-color;
.select-sm & {
padding: 0.05rem 0.3rem;
}
}
}
.select__list-wrapper {
border: 1px solid transparent;
border-radius: $border-radius;
box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.2), 0px 6px 20px 0px rgba(0, 0, 0, 0.19);
}
.select__option--selected {
background: rgba($primary-color, 0.25);
}
.select__option--highlight {
background: $primary-color;
}
.form-input[type="file"] {
overflow: hidden;
}

10
src/renderer/scss/themes/dark-theme.scss
View File

@ -121,12 +121,10 @@
border-color: $primary-color;
}
.form-select {
.select {
&__list-wrapper {
border-color: $bg-color-gray;
background-color: $bg-color-light-dark;
}
.select {
&__list-wrapper {
border-color: $bg-color-gray;
background-color: $bg-color-light-dark;
}
}

16
src/renderer/scss/themes/light-theme.scss
View File

@ -18,16 +18,14 @@
background: #ababab;
}
.form-select {
.select {
&__list-wrapper {
border: #bcc3ce;
background-color: $body-bg;
}
.select {
&__list-wrapper {
border: #bcc3ce;
background-color: $body-bg;
}
&__option--highlight {
color: $light-color;
}
&__option--highlight {
color: $light-color;
}
}