gitea/nas
1
0
Fork 2
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Responsively changing layout to single-column + nav on smaller screens

Browse source
This commit is contained in:
Eugen Rochko 2016-10-12 13:17:17 +02:00
parent e2ff39bf5d
commit 45776b55b0
13 changed files with 220 additions and 100 deletions
Download patch file Download diff file Expand all files Collapse all files

28
app/assets/stylesheets/components.scss
View file

@ -227,3 +227,31 @@
margin-bottom: 20px;
}
}
.columns-area {
margin: 10px;
margin-left: 0;
}
.column {
width: 330px;
}
.drawer {
width: 280px;
}
.column, .drawer {
margin-left: 10px;
}
@media screen and (max-width: 1024px) {
.column, .drawer {
width: 100%;
margin: 0;
}
.columns-area {
margin: 10px;
}
}