docker-multiarch/openwrt-firmware-selector
1
0
Fork 0
mirror of https://git.netzspielplatz.de/docker-multiarch/openwrt-firmware-selector.git synced 2025-11-08 22:29:28 +00:00
Code Issues Projects Releases Wiki Activity

Fix responsiveness of UI on mobile devices. Shows only relevant images.

Browse source 
The UI is now responsive for all devices (almost). The inputs are made
full-width for mobile devices.
Only relevant images are shown as download links. Previously all the
images returned by ASU server were shown which is fixed now.

Signed-off-by: Sudhanshu Gautam <sudhanshu@clever.coffee>
This commit is contained in:
Sudhanshu Gautam 2019-07-27 17:25:31 +05:30
parent 9475f4092a
commit 3d1243a946
7 changed files with 32 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/containers/home/home.scss
View file

@ -1,3 +1,5 @@
$bg-color: #f0f0f0;
.home-container {
margin-top: 30px;
@ -6,7 +8,7 @@
text-align: left;
.warning-432 {
background-color: #f0f0f0;
background-color: $bg-color;
padding: 10px;
margin-top: 20px;
border: 1px solid #e3e3e3;
@ -33,6 +35,12 @@
display: block;
z-index: 10;
}
@media all and (max-width: 820px) {
width: 100%;
margin: 0;
padding: 0;
}
}
.search-field {
@ -54,6 +62,12 @@
top: 100%;
z-index: 10;
}
@media all and (max-width: 820px) {
width: 100%;
margin: 20px 0 0;
padding: 0;
}
}
.MuiTypography-h4 {
@ -82,7 +96,7 @@
.advanced-settings {
border: 1px solid #999;
background-color: #f0f0f0;
background-color: $bg-color;
border-radius: 6px;
margin-top: 20px;
overflow: hidden;
@ -109,12 +123,12 @@
}
.package:hover {
background-color: #f0f0f0;
background-color: $bg-color;
}
.package:focus, .package:active {
transition: .2s;
background-color: darken(#f0f0f0, 15%);
background-color: darken($bg-color, 15%);
}
}
}