update header layout
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
27d00987fe
commit
83925084d5
|
@ -161,13 +161,16 @@ hr {
|
|||
|
||||
#header {
|
||||
background-color: $coopcloud-pink;
|
||||
padding: 10px;
|
||||
padding: 2rem 1rem;
|
||||
margin: 0;
|
||||
gap: 2rem;
|
||||
@media (max-width: 1024px) { flex-direction: column; }
|
||||
|
||||
.logo { flex-grow: initial; }
|
||||
.nav-link {
|
||||
color: $text-color;
|
||||
margin: 0.5rem;
|
||||
margin: 1rem;
|
||||
font-size: 1.5rem;
|
||||
text-transform: uppercase;
|
||||
&:hover { text-decoration: underline; }
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<nav id="header" class="level is-mobile">
|
||||
<a class="level-item has-text-centered" href="{{ .Site.BaseURL }}">
|
||||
<a class="logo level-item has-text-centered" href="{{ .Site.BaseURL }}">
|
||||
<img src="/svg/coopcloud_logo_grey.svg" alt="CoopCloud Logo" style="height: 100px;">
|
||||
</a>
|
||||
<div>
|
||||
|
|
Loading…
Reference in New Issue