add empty page design and inactive input buttons

This commit is contained in:
Dennis Eichhorn 2021-08-06 19:30:49 +02:00
parent 1c738fea65
commit b7f258948d
3 changed files with 42 additions and 0 deletions

View File

@ -385,6 +385,15 @@ input[type="range"] {
&:hover, &:focus {
background: var(--button-colored-background-hover);
}
&.inactive {
background: #ccc;
cursor: default;
&:hover, &:focus {
background: #ccc;
}
}
}
input {

View File

@ -1,4 +1,19 @@
.emptyPage {
width: 80%;
font-size: 15rem;
margin: 0 auto;
margin: 5rem;
padding: 3rem;
text-align: center;
border: 1rem solid rgba(0, 0, 0, 0.1);
&:before {
font-family: 'FontAwesome', serif;
content: '\f03a';
color: rgba(0, 0, 0, 0.1);
}
}
.box {
box-sizing: border-box;

View File

@ -3910,6 +3910,11 @@ input[type="range"] {
flex-shrink: 0; }
.input button:hover, .input button:focus {
background: var(--button-colored-background-hover); }
.input button.inactive {
background: #ccc;
cursor: default; }
.input button.inactive:hover, .input button.inactive:focus {
background: #ccc; }
.input input {
box-sizing: border-box;
font-size: 1rem;
@ -4460,6 +4465,19 @@ body > nav {
line-height: 60px;
font-size: 9px; }
.emptyPage {
width: 80%;
font-size: 15rem;
margin: 0 auto;
margin: 5rem;
padding: 3rem;
text-align: center;
border: 1rem solid rgba(0, 0, 0, 0.1); }
.emptyPage:before {
font-family: 'FontAwesome', serif;
content: '\f03a';
color: rgba(0, 0, 0, 0.1); }
.box {
box-sizing: border-box;
margin-top: 1rem;