Cool_Tools/vichan
1
0
Fork 0
mirror of https://github.com/vichan-devel/vichan.git synced 2025-02-08 23:39:46 +01:00
Code Releases Wiki Activity

style.css: use media queries for sizing the options

Browse Source
This commit is contained in:
Zankaria 2025-01-07 19:51:02 +01:00 committed by Zankaria
parent b4b13e89a8
commit 9310958652
1 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
stylesheets/style.css
View File

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