Update (scss): Update color schemes

Update (navigation): Test country button
This commit is contained in:
2023-07-25 22:34:25 +08:00
parent 82353c1ecd
commit 728fc09474
7 changed files with 359 additions and 30 deletions

View File

@@ -53,8 +53,10 @@
<div class="card-body">
<p class="card-title fw-bold">Here is why a kitten catches mice faster
than an adult cat.</p>
<p class="card-text"><small class="text-body-secondary">5 April 2023
<span class="mx-4"></span> 3 mins</small></p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-body-secondary">5 April 2023</small>
<small class="text-body-secondary">9 mins</small>
</div>
</div>
</div>
</div>

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>