mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-08-26 12:46:08 +00:00
ui: Compact pages on extra small screen sizes
- Don't take up the too much margins with content container. - Fallback to white background to avoid container boxes. Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org> Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
This commit is contained in:
parent
4c65d34741
commit
35a02d00b4
@ -63,6 +63,12 @@ body {
|
||||
background: url('../img/noise.png') #f1f1f1;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
body {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
.multiple-checkbox li {
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -178,13 +184,18 @@ html {
|
||||
}
|
||||
|
||||
.content-container {
|
||||
padding: 25px 50px 50px;
|
||||
background-color: white;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.content-container {
|
||||
padding: 25px 50px 50px;
|
||||
background-color: white;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user