kamen
/
graphicek
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Borders for everything

This commit is contained in:
Jan Zípek 2022-08-30 13:41:05 +02:00
parent 5e511de139
commit 39e6cf5cad
Signed by: kamen
GPG Key ID: A17882625B33AC31
4 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/assets/components/_box.scss
View File

@ -3,4 +3,9 @@
background-color: var(--box-bg-color); background-color: var(--box-bg-color);
color: var(--box-fg-color); color: var(--box-fg-color);
border-radius: var(--border-radius); border-radius: var(--border-radius);
border: 1px solid var(--box-border-color);
.header {
border-bottom: 1px solid var(--box-border-color);
}
} }

1
client/src/assets/components/_user-layout.scss
View File

@ -73,6 +73,7 @@ main.layout {
header.header { header.header {
flex-grow: 0; flex-grow: 0;
flex-shrink: 0; flex-shrink: 0;
border-bottom: 1px solid var(--box-border-color);
> .inner { > .inner {
display: flex; display: flex;

4
client/src/assets/pages/_sensors-page.scss
View File

@ -55,13 +55,15 @@
.label { .label {
width: 2rem; width: 2rem;
background-color: #666; background-color: #ddd;
color: #000;
padding: 0 0.25rem; padding: 0 0.25rem;
border-radius: 0.25rem; border-radius: 0.25rem;
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end;
} }
.value { .value {

9
client/src/assets/themes/_basic.scss
View File

@ -17,6 +17,7 @@
--header-shadow: linear-gradient(0deg, rgba(255, 255, 255, 0) 5%, rgba(190, 190, 190, 0.6) 100%); --header-shadow: linear-gradient(0deg, rgba(255, 255, 255, 0) 5%, rgba(190, 190, 190, 0.6) 100%);
--box-bg-color: #fff; --box-bg-color: #fff;
--box-fg-color: #111; --box-fg-color: #111;
--box-border-color: #ddd;
--box-loader-bg-color: rgba(128, 128, 128, 0.3); --box-loader-bg-color: rgba(128, 128, 128, 0.3);
--box-loader-fg-color: #fff; --box-loader-fg-color: #fff;
--box-action-fg-color: #666; --box-action-fg-color: #666;
@ -44,10 +45,11 @@
--header-bg-color: #111; --header-bg-color: #111;
--header-spacer-color: #333; --header-spacer-color: #333;
--header-shadow: none; --header-shadow: none;
--box-bg-color: #111;
--modal-bg-color: #000; --modal-bg-color: #000;
--modal-fg-color: #eee; --modal-fg-color: #eee;
--box-bg-color: #111;
--box-fg-color: #eee; --box-fg-color: #eee;
--box-border-color: #333;
--box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.3); --box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.3);
--graph-axis-fg-color: #666; --graph-axis-fg-color: #666;
--graph-grid-color: rgb(25, 25, 25); --graph-grid-color: rgb(25, 25, 25);
@ -61,4 +63,9 @@
--input-bg-color: #222; --input-bg-color: #222;
--input-fg-color: #ccc; --input-fg-color: #ccc;
} }
.sensor-item .auth .auth-value .label {
background-color: #666 !important;
color: #eee !important;
}
} }