70 lines
1.2 KiB
CSS
70 lines
1.2 KiB
CSS
.groupInformation {
|
|
display: flex;
|
|
max-width: 500px;
|
|
min-width: 40px;
|
|
width: 100%;
|
|
justify-content: end;
|
|
gap: 10px;
|
|
}
|
|
|
|
.informationButton {
|
|
text-align: center;
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
border: 1px solid #cfcfcf;
|
|
background-color: #fff;
|
|
max-width: 40px;
|
|
min-width: 40px;
|
|
}
|
|
|
|
.informationButton:hover {
|
|
border: 1px solid #cfcfcf;
|
|
background-color: #cfcfcf;
|
|
}
|
|
|
|
.buttonLock {
|
|
padding: 0.8rem;
|
|
position: absolute;
|
|
right: 100px;
|
|
background-color: #d32f2f;
|
|
}
|
|
|
|
.buttonOpenLock {
|
|
padding: 0.8rem;
|
|
position: absolute;
|
|
right: 100px;
|
|
background-color: #8cd32f;
|
|
}
|
|
|
|
.buttonOpenLock:hover {
|
|
background-color: #78b32c;
|
|
}
|
|
|
|
.buttonLock::after {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url('/lock.svg');
|
|
filter: invert(1);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.buttonOpenLock::after {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url('/lock-open.svg');
|
|
filter: invert(1);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
@media(max-height:800px) {
|
|
.buttonLock {
|
|
padding: 0.5rem;
|
|
}
|
|
} |