krichtof/app.kluk.fr
1
0
Fork 0
Code Issues 9 Pull requests Projects 1 Releases Packages Wiki Activity Actions

change burger

Browse source
This commit is contained in:
Christophe Robillard 2026-09-29 06:34:07 +02:00
parent 35a92a375d
commit b5a18ab6fd
2 changed files with 0 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
app/javascript/controllers/menu_controller.js
View file

@ -1,11 +0,0 @@
import { Controller } from '@hotwired/stimulus'
export default class extends Controller {
static targets = [ 'burger', 'navbar' ];
toggle(event) {
[ this.burgerTarget, this.navbarTarget ].forEach((target) => {
target.classList.toggle("is-active");
});
}
}

27
app/views/application/_menu.html.erb
View file

@ -1,27 +0,0 @@
<nav id="navbar-top" class="navbar has-background-primary" role="navigation" aria-label="main navigation" data-controller="menu">
<div class="navbar-brand">
<div class="navbar-item is-size-5">Comment ça </div>
<div class="navbar-item is-size-3"><strong>KLUK</strong></div>
<div class="navbar-item is-size-5">aujourd'hui ?</div>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-menu-target="burger" data-action="menu#toggle">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu" data-menu-target="navbar">
<div class="navbar-end">
<% if authenticated? %>
<div class="navbar-item">
<%= button_to "Se déconnecter", session_path, method: :delete, class: "button is-light" %>
</div>
<% else %>
<div class="navbar-item">
<%= link_to "Se connecter", new_session_path, class: "button is-light" %>
</div>
<% end %>
</div>
</div>
</nav>