claudep/beesgospel
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

navbar-brand width depending on menu breakpoint

Browse source
This commit is contained in:
Claude Paroz 2025-07-08 21:51:25 +02:00
parent ef0a26397f
commit 132be6db03
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
beesgospel/static/css/main.css
View file

@ -24,8 +24,12 @@ nav {
.navbar-toggler { .navbar-toggler {
margin-left: auto; margin-left: auto;
} }
.navbar-brand {
width: auto;
}
@media only screen and (max-width : 992px) { @media only screen and (max-width : 992px) {
.nav-sep { display: none; } .nav-sep { display: none; }
.navbar-brand { width: 100%; }
.navbar-brand img { max-width: 5em; } .navbar-brand img { max-width: 5em; }
.hometitle { font-size: 280%; } .hometitle { font-size: 280%; }
} }

2
templates/base.html
View file

@ -12,7 +12,7 @@
{% block header %} {% block header %}
<nav class="navbar navbar-expand-lg bg-dark border-bottom border-body sticky-top" data-bs-theme="dark"> <nav class="navbar navbar-expand-lg bg-dark border-bottom border-body sticky-top" data-bs-theme="dark">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-brand d-flex align-items-center w-100"> <div class="navbar-brand d-flex align-items-center">
<div class="logo-container"><a href="/"><img src="{% static 'img/abeille.png' %}"></a></div> <div class="logo-container"><a href="/"><img src="{% static 'img/abeille.png' %}"></a></div>
<div class="harlow">Gospel de l’Abeille<br>The Bee's Gospel Singers</div> <div class="harlow">Gospel de l’Abeille<br>The Bee's Gospel Singers</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor01" <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor01"