added logo to top bar
This commit is contained in:
parent
aec7ac44cc
commit
c2da987f33
4 changed files with 12 additions and 6 deletions
|
@ -416,20 +416,25 @@ table {
|
|||
z-index: 1;
|
||||
}
|
||||
|
||||
.nav-bar-logo, .nav-bar-title, .nav-bar-link, .nav-bar-subtitle {
|
||||
.nav-bar-title, .nav-bar-link {
|
||||
padding: 2rem 1rem 1.5rem 1rem;
|
||||
display: inline-block;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.nav-bar-logo {
|
||||
vertical-align: text-bottom;
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
.nav-bar-title--superscript {
|
||||
font-size: small;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.nav-bar-subtitle {
|
||||
.nav-bar-title--tagline {
|
||||
font-size: small;
|
||||
padding-left: 4rem;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.nav-bar-link {
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
|
||||
@media (max-width: 1050px) {
|
||||
|
||||
.nav-bar-subtitle {
|
||||
.nav-bar-title--tagline {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
BIN
public/assets/img/logo.gif
Normal file
BIN
public/assets/img/logo.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 3.7 KiB |
|
@ -1,7 +1,8 @@
|
|||
<div class="row-wide nav-bar">
|
||||
<div class="nav-bar-title-section">
|
||||
<a href="/"><span class="nav-bar-title">spee<h</span></a><span class="nav-bar-title nav-bar-title--superscript">(beta)</span>
|
||||
<div class="nav-bar-subtitle">Open-source, decentralized image and video hosting.</div>
|
||||
<a href="/"><img class="nav-bar-logo nav-bar-title" src="/assets/img/logo.gif" alt="spee.ch"/></a>
|
||||
<span class="nav-bar-title nav-bar-title--tagline">Open-source, decentralized image and video hosting.</span>
|
||||
<span class="nav-bar-title nav-bar-title--superscript">(beta)</span>
|
||||
<div class="nav-bar-link-section">
|
||||
<a class="nav-bar-link" href="/">Upload</a>
|
||||
<a class="nav-bar-link" href="/popular">Popular</a>
|
||||
|
|
Loading…
Reference in a new issue