forked from nutomic/joinpeertube
News responsive
This commit is contained in:
parent
7e4a007057
commit
27db753a82
2 changed files with 17 additions and 6 deletions
|
@ -55,14 +55,17 @@
|
|||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.navbar-collapse.collapse.show {
|
||||
background-color: #fff;
|
||||
.navbar-collapse {
|
||||
&.collapsing,
|
||||
&.show {
|
||||
padding-top: 20px;
|
||||
|
||||
.nav-item {
|
||||
margin-right: 0;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
@include disable-default-a-behaviour;
|
||||
|
@ -78,7 +81,7 @@
|
|||
}
|
||||
|
||||
nav {
|
||||
height: 60px;
|
||||
min-height: 60px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
|
|
@ -371,6 +371,14 @@
|
|||
.body {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
a {
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
@media screen and (max-width: $small-screen) {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
Loading…
Reference in a new issue