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:
parent
b4b13e89a8
commit
9310958652
@ -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;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user