vnpower/pixivfe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update: navbar

Browse source
This commit is contained in:
VnPower 2023-06-28 21:24:22 +07:00
parent c1e522003d
commit c61d3ed5fc
Signed by: vnpower
GPG key ID: 881DE3DEB966106C
3 changed files with 19 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
template/css/style.css
View file

@ -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;
} }

10
template/css/style.scss
View file

@ -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;
}
} }
} }

8
template/layout.jet.html
View file

@ -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>