charlestehio/productalert
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update (scss): Update color schemes

Browse Source 
Update (navigation): Test country button
This commit is contained in:
Charles T
2023-07-25 22:34:25 +08:00
parent 82353c1ecd
commit 728fc09474
7 changed files with 359 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
resources/views/layouts/front/navigation.blade.php
View File

@@ -11,7 +11,25 @@
<h4 class="offcanvas-title fw-bold mb-0" id="offcanvasNavbarLabel">{{ config('app.name') }}</h4>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div class="offcanvas-body p-0">
<div class="p-3">
<div class="dropdown d-grid">
<button class="btn btn-outline-primary dropdown-toggle" type="button" id="dropdownMenuSwitch"
data-bs-toggle="dropdown" aria-expanded="false">
{{ $country->name }}
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuSwitch">
<li><a class="dropdown-item" href="#">Country 1</a></li>
<li><a class="dropdown-item" href="#">Country 2</a></li>
<li><a class="dropdown-item" href="#">Country 3</a></li>
</ul>
</div>
</div>
<div class="border-bottom"></div>
<div class="p-3">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
@@ -23,6 +41,8 @@
@endforeach
</ul>
</div>
</div>
</div>
<a href="/" class="d-inline-flex link-body-emphasis text-decoration-none">
@@ -39,17 +59,7 @@
</ul>
<div class="col-md-3 text-end">
<div class="dropdown">
<button class="btn btn-outline-secondary dropdown-toggle" type="button" id="dropdownMenuSwitch"
data-bs-toggle="dropdown" aria-expanded="false">
{{ $country->name }}
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuSwitch">
<li><a class="dropdown-item" href="#">Country 1</a></li>
<li><a class="dropdown-item" href="#">Country 2</a></li>
<li><a class="dropdown-item" href="#">Country 3</a></li>
</ul>
</div>
</div>
</header>
</div>