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);
color: var(--box-fg-color);
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 {
flex-grow: 0;
flex-shrink: 0;
border-bottom: 1px solid var(--box-border-color);
> .inner {
display: flex;

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

@ -55,13 +55,15 @@
.label {
width: 2rem;
background-color: #666;
background-color: #ddd;
color: #000;
padding: 0 0.25rem;
border-radius: 0.25rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.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%);
--box-bg-color: #fff;
--box-fg-color: #111;
--box-border-color: #ddd;
--box-loader-bg-color: rgba(128, 128, 128, 0.3);
--box-loader-fg-color: #fff;
--box-action-fg-color: #666;
@ -44,10 +45,11 @@
--header-bg-color: #111;
--header-spacer-color: #333;
--header-shadow: none;
--box-bg-color: #111;
--modal-bg-color: #000;
--modal-fg-color: #eee;
--box-bg-color: #111;
--box-fg-color: #eee;
--box-border-color: #333;
--box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.3);
--graph-axis-fg-color: #666;
--graph-grid-color: rgb(25, 25, 25);
@ -61,4 +63,9 @@
--input-bg-color: #222;
--input-fg-color: #ccc;
}
.sensor-item .auth .auth-value .label {
background-color: #666 !important;
color: #eee !important;
}
}