Update: navbar
This commit is contained in:
parent
c1e522003d
commit
c61d3ed5fc
3 changed files with 19 additions and 8 deletions
|
@ -467,10 +467,15 @@ body {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 400px) and (max-width: 800px) {
|
||||
.search-bar {
|
||||
@media screen and (max-width: 800px) {
|
||||
.navbar .navbar-buttons {
|
||||
display: none;
|
||||
}
|
||||
.navbar .search-bar {
|
||||
width: 75px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 400px) and (max-width: 800px) {
|
||||
.artwork-thumbnail-small {
|
||||
height: auto;
|
||||
}
|
||||
|
|
|
@ -544,8 +544,14 @@ body {
|
|||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.search-bar {
|
||||
display: none;
|
||||
.navbar {
|
||||
.navbar-buttons {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
width: 75px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -34,6 +34,9 @@
|
|||
<img src="/assets/crown.png" alt="icon" />Ranking</a>
|
||||
<a class="sidebar-item" href="/newest">
|
||||
<img src="/assets/sparkling.png" alt="icon" />Newest</a>
|
||||
<br />
|
||||
<a class="sidebar-item" href="/settings">
|
||||
<img src="/assets/settings.png" alt="icon" />Settings</a>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
@ -48,10 +51,7 @@
|
|||
<input type="submit" hidden />
|
||||
</form>
|
||||
</li>
|
||||
<li class="navbar-item">
|
||||
<a href="#" class="navbar-button">
|
||||
<img src="/assets/search.png" alt="Search" width="30" height="30" />
|
||||
</a>
|
||||
<li class="navbar-item navbar-buttons">
|
||||
<a href="/settings" class="navbar-button">
|
||||
<img src="/assets/settings.png" alt="Settings" width="30" height="30" />
|
||||
</a>
|
||||
|
|
Loading…
Reference in a new issue