fix width on mobile
All checks were successful
ci/woodpecker/push/publish Pipeline was successful

This commit is contained in:
Mylloon 2024-03-08 19:08:57 +01:00
parent da6a77c1e5
commit f5f3415347
Signed by: Anri
GPG key ID: A82D63DFF8D1317F

View file

@ -64,6 +64,7 @@ aside textarea {
min-height: 15em; min-height: 15em;
resize: none; resize: none;
overflow: hidden; overflow: hidden;
font-size: xx-large;
} }
aside div { aside div {
@ -82,24 +83,21 @@ aside div > textarea,
aside div::after { aside div::after {
/* textarea position after new input */ /* textarea position after new input */
padding: 0.5rem; padding: 0.5rem;
font-size: xx-large;
grid-area: 1 / 1 / 2 / 2; grid-area: 1 / 1 / 2 / 2;
} }
/* breakpoint */ /* breakpoint */
@media only screen and (max-width: 500px) { @media only screen and (max-width: 1100px) {
aside { aside {
float: unset; float: unset;
} }
aside textarea { aside textarea {
width: 98%; width: 96%;
/* reset other values */ /* reset other values */
font-size: inherit;
min-width: inherit; min-width: inherit;
direction: inherit; font-size: inherit;
text-align: inherit;
} }
} }