dbroqua/MusicTopus
dbroqua/MusicTopus
1
1
Fork 0
Code Issues 9 Pull requests Releases 14 Activity

Updated navbar size

Browse source
This commit is contained in:
Damien Broqua 2023-12-15 08:29:55 +01:00
parent 77de7d54ca
commit 209ba0f5f0
2 changed files with 82 additions and 76 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
sass/navbar.scss
View file

@ -1,5 +1,5 @@
.navbar { .navbar {
min-height: 3.25rem; min-height: 3.5rem;
background-color: var(--navbar-color); background-color: var(--navbar-color);
box-shadow: rgba(216, 222, 233, 0.15) 0px 5px 10px 0px; box-shadow: rgba(216, 222, 233, 0.15) 0px 5px 10px 0px;
color: rgba(0,0,0,.7); color: rgba(0,0,0,.7);
@ -11,11 +11,15 @@
@include transition() {} @include transition() {}
@include respond-to("medium-up") { @include respond-to("medium-up") {
min-height: 3.25rem;
align-items: stretch; align-items: stretch;
display: flex; display: flex;
} }
&.container {
max-width: 1330px;
margin: 0 auto;
}
.navbar-brand { .navbar-brand {
align-items: stretch; align-items: stretch;
display: flex; display: flex;

4
views/index.ejs
View file

@ -35,7 +35,8 @@
<% } %> <% } %>
</head> </head>
<body> <body>
<nav class="navbar" aria-label="Navigation principale"> <nav class="navbar">
<nav class="navbar container" aria-label="Navigation principale">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="/"> <a class="navbar-item" href="/">
<img src="/img/logo.png" alt="Logo MusicTopus"> <img src="/img/logo.png" alt="Logo MusicTopus">
@ -119,6 +120,7 @@
</div> </div>
</div> </div>
</nav> </nav>
</nav>
<div id="toastr"> <div id="toastr">
<button class="delete" onclick="hideToastr()" aria-label="Masquer la notification"></button> <button class="delete" onclick="hideToastr()" aria-label="Masquer la notification"></button>