Make it look less bad on mobile
This commit is contained in:
parent
f26d7c08e3
commit
5892224afb
|
@ -1,5 +1,7 @@
|
||||||
#root {
|
#root {
|
||||||
max-width: 1280px;
|
display: flexbox;
|
||||||
|
place-items: center;
|
||||||
|
width: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
@ -19,9 +19,9 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
#app {
|
#app {
|
||||||
display: flexbox;
|
display: block;
|
||||||
place-items: center;
|
|
||||||
min-width: 320px;
|
min-width: 320px;
|
||||||
|
max-width: 1280px;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -32,7 +32,6 @@ body {
|
||||||
#alert-box {
|
#alert-box {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
min-width: 600px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
|
|
Loading…
Reference in a new issue