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

sticky-top menu

Browse source
This commit is contained in:
Jérémy Munsch 2024-02-23 11:55:07 +01:00
parent 521a9d2d0c
commit eccb8a4bb1
No known key found for this signature in database
GPG key ID: 18361AF3BFEC0FEC
3 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
resources/sass/fo/base/_layout.scss
View file

@ -6,13 +6,21 @@ body {
// * HEADER
> header {
transition: all 0.3s ease;
@include rfs(1.19rem + 2rem !important, margin-top);
@include rfs(1.19rem + 2rem !important, margin-bottom);
@include media-breakpoint-up(sm) {
@include rfs(1.56rem !important, margin-top);
@include rfs(1.56rem !important, margin-bottom);
}
#main-nav {
@include rfs(1.19rem + 2rem, margin-top);
@include rfs(1.25rem, margin-right);
@include rfs(1.25rem, margin-left);
@include media-breakpoint-up(sm) {
@include rfs(1.56rem, margin-top);
@include rfs(2.3rem, margin-right);
@include rfs(2.3rem, margin-left);
}
@ -175,7 +183,7 @@ body {
}
}
> header, > footer {
> footer, > header {
.btn-social {
width: 2.3rem;
padding: 0.1rem;
@ -188,4 +196,5 @@ body {
background-size: contain;
}
}
}

2
resources/views/fo/layout.blade.php
View file

@ -6,7 +6,7 @@
</head>
<body>
<header>
<header class="sticky-top">
@include('fo.layouts.header')
</header>
<main class="container-fluid @yield('bg-color') pt-2">

2
resources/views/fo/layouts/header.blade.php
View file

@ -1,4 +1,4 @@
<nav class="navbar navbar-expand rounded-pill py-0 shadow" id="main-nav">
<nav class="navbar navbar-expand rounded-pill bg-body mt-1 py-0 shadow" id="main-nav">
{{-- MENU PHONE & TABLET --}}
<ul class="navbar-nav flex-grow-1 w-100 d-flex d-xl-none">
{{-- MENU BTN --}}