1
0
mirror of https://github.com/vichan-devel/vichan.git synced 2025-02-02 04:47:57 +01:00

style.css: use media queries for sizing the options

This commit is contained in:
Zankaria 2025-01-07 19:51:02 +01:00 committed by Zankaria
parent b4b13e89a8
commit 9310958652

View File

@ -899,18 +899,32 @@ pre {
margin-top: 20px;
background: inherit;
visibility: visible;
@media (max-width: 48em) {
display: block;
width: 100%;
height: 100%;
margin: auto;
}
}
#options_div {
width: 620px;
height: 400px;
resize: both;
overflow: auto;
border: 1px solid;
@media (min-width: 48em) {
width: 620px;
height: 400px;
}
}
#alert_div {
width: 500px;
max-width: 620px;
@media (min-width: 48em) {
width: 500px;
}
}
#alert_message {
@ -980,14 +994,6 @@ pre {
margin-bottom: 5px;
}
.mobile-style #options_div, .mobile-style #alert_div {
display: block;
width: 100%;
height: 100%;
max-width: 620px;
margin: auto;
}
.mentioned {
word-wrap: break-word;
}