Changes to stylesheet
added loading state as well as image style
This commit is contained in:
parent
c81606fa91
commit
f1d7b35912
1 changed files with 19 additions and 2 deletions
|
@ -118,14 +118,18 @@
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentoffline {
|
.statusOffline {
|
||||||
color: var(--def-red);
|
color: var(--def-red);
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentonline {
|
.statusOnline {
|
||||||
color: var(--def-green);
|
color: var(--def-green);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.statusLoading {
|
||||||
|
color: var(--def-orange);
|
||||||
|
}
|
||||||
|
|
||||||
.contentcard {
|
.contentcard {
|
||||||
margin: 1rem;
|
margin: 1rem;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
|
@ -159,6 +163,19 @@
|
||||||
border-color: var(--def-orange);
|
border-color: var(--def-orange);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.contentTitle {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contentIcon {
|
||||||
|
position: relative;
|
||||||
|
aspect-ratio: 1;
|
||||||
|
height: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
margin: 1rem;
|
margin: 1rem;
|
||||||
padding: 1.5rem;
|
padding: 1.5rem;
|
||||||
|
|
Loading…
Reference in a new issue