forge-joniko/ldc-legaulois
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

club loggedin home page nav

Browse source
This commit is contained in:
Jérémy Munsch 2024-07-01 15:28:45 +02:00
parent 99605561ff
commit 0403c19796
No known key found for this signature in database
GPG key ID: 18361AF3BFEC0FEC
2 changed files with 62 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
resources/sass/club/base/_layout.scss
View file

@ -78,6 +78,39 @@ body {
}
}
#club-home-nav {
.nav-item {
flex-basis: 20vw;
@include media-breakpoint-up(sm) {
flex-basis: 9rem;
}
@include media-breakpoint-down(sm) {
a {
padding: .5rem;
}
}
.link-text {
word-break: break-word;
}
}
.round-btn {
display: inline-flex;
width: 3.437rem;
height: 3.437rem;
align-items: center;
justify-content: center;
img,svg {
width: 1.687rem;
height: 1.687rem;
}
}
}
#offcanvas-main-menu {
.menu-club-logo {
width: auto;

36
resources/views/club/layouts/header.blade.php
View file

@ -45,7 +45,7 @@
</div>
@endauth
</div>
@auth('club')
@if (auth('club')->check() and request()->routeIs('club.home.show'))
<div class="col-12 mb-2 mt-3">
<span
class="h1 d-block f-bakerie-rough text-center">{{ __('Bonjour :username !', [
@ -53,19 +53,41 @@
]) }}</span>
</div>
<div class="col-12">
<nav class="navbar">
<ul class="navbar-nav">
<nav class="navbar justify-content-center" id="club-home-nav">
<ul class="navbar-nav justify-content-center w-100 flex-row">
<li class="nav-item">
<a class="nav-link btn btn-link" href="#FIXME:DEPARTAIMANT"
<a class="btn btn-link d-flex flex-column justify-content-center align-items-center" href="#FIXME:DEPARTAIMANT"
title="{{ __('Go to page :page', ['page' => 'Départaimants']) }}">
<img src="{{ Vite::asset('resources/assets/images/common/departaimant-sarthe.png') }}"
title="{{ __('Un magnet Départaimants de la Sarthe') }}" alt="{{ __('Magnet') }}">
<span class="round-btn rounded-pill text-bg-secondary">
<img class="ing-fluid"
src="{{ Vite::asset('resources/assets/images/common/departaimant-sarthe.png') }}"
title="{{ __('Un magnet Départaimants de la Sarthe') }}" alt="{{ __('Magnet') }}">
</span>
<span class="link-text link-body-emphasis mt-2">{{ __('Départ’​aimant') }}</span></a>
</a>
</li>
<li class="nav-item">
<a class="btn btn-link d-flex flex-column justify-content-center align-items-center" href="#FIXME:quest"
title="{{ __('Go to page :page', ['page' => 'La quête']) }}">
<span class="round-btn rounded-pill text-bg-secondary">@include('club.icons.coupe')</span>
<span class="link-text link-body-emphasis mt-2">{{ __('La quête') }}</span></a>
</li>
<li class="nav-item">
<a class="btn btn-link d-flex flex-column justify-content-center align-items-center" href="#FIXME:games"
title="{{ __('Go to page :page', ['page' => 'Les jeux']) }}">
<span class="round-btn rounded-pill text-bg-secondary">@include('club.icons.manette')</span>
<span class="link-text link-body-emphasis mt-2">{{ __('Les jeux') }}</span></a>
</li>
<li class="nav-item">
<a class="btn btn-link d-flex flex-column justify-content-center align-items-center" href="#FIXME:account"
title="{{ __('Go to page :page', ['page' => 'Mon compte']) }}">
<span class="round-btn rounded-pill text-bg-secondary">@include('club.icons.tete-poule')</span>
<span class="link-text link-body-emphasis mt-2">{{ __('Mon compte') }}</span></a>
</li>
</ul>
</nav>
</div>
@endauth
@endif
</div>
</div>