mirror of
https://git.netzspielplatz.de/docker-multiarch/openwrt-firmware-selector.git
synced 2025-11-08 23:49:31 +00:00
Fix responsive design issues
Signed-off-by: Sudhanshu Gautam <me@sudhanshug.com>
This commit is contained in:
parent
740383d6be
commit
db14840f4a
9 changed files with 144 additions and 77 deletions
32
src/App.scss
32
src/App.scss
|
|
@ -45,6 +45,26 @@
|
|||
float: right;
|
||||
}
|
||||
|
||||
.header {
|
||||
.title-desktop {
|
||||
@media all and (max-width: 820px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.title-mobile {
|
||||
@media all and (min-width: 820px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.language-toggle-text {
|
||||
@media all and (max-width: 820px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes App-logo-spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
|
|
@ -53,3 +73,15 @@
|
|||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 800px) {
|
||||
.report-problem-container {
|
||||
font-size: 12px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.report-link {
|
||||
float: none;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue