Fix sidebar jitter & improve ui

This commit is contained in:
olcxja 2026-05-13 12:39:10 +02:00
commit 8402564b28
4 changed files with 107 additions and 5 deletions

View file

@ -68,6 +68,11 @@ button, input {
align-items: center;
justify-content: flex-start;
border: var(--border-width) solid var(--light-border-color);
backface-visibility: hidden;
transform: translateZ(0);
will-change: transform;
transform-origin: center center;
}
input {
padding-left: calc(var(--button-margin) * 2);
@ -120,11 +125,16 @@ indicator.active {
height: var(--icon-button-height);
width: var(--icon-button-height);
justify-content: center;
overflow: hidden;
}
.icon-button svg {
width: var(--icon-button-size);
height: var(--icon-button-size);
}
.icon-button img {
width: calc(var(--icon-button-height) - (var(--border-width) * 2));
height: calc(var(--icon-button-height) - (var(--border-width) * 2));
}
button:hover, input:hover {
background-color: rgba(255, 255, 255, 0.1);
}
@ -340,4 +350,9 @@ herotitle {
.submit-button:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.bottom-element {
margin-top: auto;
}