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

refactor: teleport for modals

Browse Source
This commit is contained in:
Fabio Di Stasio
2022-04-25 13:45:07 +02:00
parent 6780401cb7
commit 8b04a2b7dd
18 changed files with 1364 additions and 1340 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -181,37 +181,6 @@
}
}
.workspace-query-results {
.table {
.th {
border-color: darken($bg-color-light-gray, 80%);
background-color: $body-bg-dark;
}
.tr {
background-color: darken($bg-color-light-gray, 80%);
.td:first-child {
border-left: 2px solid $body-bg-dark;
}
.td {
border-color: $body-bg-dark;
&:focus {
box-shadow: inset 0 0 0 2px darken($body-font-color-dark, 40%);
background-color: rgba($color: #000, $alpha: 0.3);
}
.editable-field {
box-shadow: inset 0 0 0 2px darken($body-font-color-dark, 40%);
background-color: rgba($color: #000, $alpha: 0.3);
}
}
}
}
}
.workspace-tabs {
.tab-block {
background: $bg-color-light-dark;
@@ -233,6 +202,37 @@
}
}
.workspace-query-results {
.table {
.th {
border-color: darken($bg-color-light-gray, 80%);
background-color: $body-bg-dark;
}
.tr {
background-color: darken($bg-color-light-gray, 80%);
.td:first-child {
border-left: 2px solid $body-bg-dark;
}
.td {
border-color: $body-bg-dark;
&:focus {
box-shadow: inset 0 0 0 2px darken($body-font-color-dark, 40%);
background-color: rgba($color: #000, $alpha: 0.3);
}
.editable-field {
box-shadow: inset 0 0 0 2px darken($body-font-color-dark, 40%);
background-color: rgba($color: #000, $alpha: 0.3);
}
}
}
}
}
.connection-panel {
.panel {
background: rgba($bg-color-light-dark, 50%);

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

@@ -217,33 +217,33 @@
}
}
}
}
.workspace-query-results {
.table {
.th {
background: $body-bg;
border-color: lighten($bg-color-light-gray, 2%);
.workspace-query-results {
.table {
.th {
background: $body-bg;
border-color: lighten($bg-color-light-gray, 2%);
}
.tr {
background-color: lighten($bg-color-light-gray, 2%);
.td:first-child {
border-left: 2px solid $body-bg;
}
.tr {
background-color: lighten($bg-color-light-gray, 2%);
.td {
border-color: $body-bg;
.td:first-child {
border-left: 2px solid $body-bg;
&:focus {
box-shadow: inset 0 0 0 2px lighten($body-font-color, 10%);
background-color: $body-font-color-dark;
}
.td {
border-color: $body-bg;
&:focus {
box-shadow: inset 0 0 0 2px lighten($body-font-color, 10%);
background-color: $body-font-color-dark;
}
.editable-field {
box-shadow: inset 0 0 0 2px lighten($body-font-color, 10%);
background-color: $body-font-color-dark;
}
.editable-field {
box-shadow: inset 0 0 0 2px lighten($body-font-color, 10%);
background-color: $body-font-color-dark;
}
}
}