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