Edited navbar for pinktober (#480)

Design by @TheRolfFR
This commit is contained in:
Théo DURR 2022-10-11 21:55:19 +02:00 committed by GitHub
parent cef3f22e0d
commit c3a4071627
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 2 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

View File

@ -25,6 +25,8 @@ $black-color: hsl(0, 0%, 17%);
$faceblue: hsl(221, 44%, 41%); $faceblue: hsl(221, 44%, 41%);
$twitblue: hsl(206, 82%, 63%); $twitblue: hsl(206, 82%, 63%);
$pinktober: hsl(313, 88%, 76%);
$pinktober-border: hsl(318, 83%, 63%);
$shadow-color: rgb(223, 223, 223); $shadow-color: rgb(223, 223, 223);
@ -158,13 +160,16 @@ header {
display: flex; display: flex;
box-shadow: $shadow-color 0px 0px 15px; box-shadow: $shadow-color 0px 0px 15px;
border-top: none; border-top: none;
background-color: $primary-neutral-dark-color; background-color: $pinktober;
border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px;
border-bottom: 5px solid $pinktober-border;
#header_logo { #header_logo {
background-color: $white-color; background-color: $white-color;
padding: 0.2em; padding: 0.2em;
border-bottom: 5px solid $shadow-color;
border-radius: 0px 0px 0px 9px; border-radius: 0px 0px 0px 9px;
margin-bottom: -5px;
a { a {
display: inline-block; display: inline-block;
@ -201,6 +206,7 @@ header {
display: flex; display: flex;
flex: auto; flex: auto;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center;
width: 80%; width: 80%;
a { a {

View File

@ -60,7 +60,7 @@
{% else %} {% else %}
<div id="header_logo"> <div id="header_logo">
<a href="{{ url('core:index') }}"> <a href="{{ url('core:index') }}">
<img src="{{ static('core/img/logo.png') }}" alt="AE logo"> <img src="{{ static('core/img/ae-pinktober.png') }}" alt="AE logo">
</a> </a>
</div> </div>
<div id="header_bar"> <div id="header_bar">