fix mobile layout

Signed-off-by: Simon L. <szaimen@e.mail.de>
This commit is contained in:
Simon L. 2024-10-18 14:57:06 +02:00
parent de372c11f3
commit 9da4094ff8

View file

@ -237,6 +237,7 @@ select:hover {
textarea {
border-radius: var(--border-radius);
border: .5px solid var(--color-main-border);
max-width: 100%;
}
input[type="text"]:focus,
@ -281,7 +282,7 @@ html[data-theme="dark"] ::-webkit-scrollbar-track {
background-color: var(--color-main-background);
border-radius: var(--border-radius-large);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
max-height: calc(100dvh - 40px);
max-height: calc(100dvh - 50px);
overflow: hidden;
}
@ -464,3 +465,9 @@ label {
#theme-toggle:not(:hover) #theme-icon {
opacity: 0.6; /* Slightly transparent */
}
@media only screen and (max-width: 800px) {
.container {
margin: 50px auto 0px auto;
}
}