joydip.manna/dealhub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: text wrapping in navbar

Browse Source 
- make left navlinks and buttons hidden on small screen
This commit is contained in:
kusowl 2026-01-08 10:07:54 +05:30
parent 83fbfd47fa
commit d481fe776a
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/views/components/navbar.blade.php
View File

@ -1,9 +1,9 @@
<nav class="grid grid-cols-3 items-center wrapper py-6 shadow-xl"> <nav class="flex justify-between items-center wrapper py-6 shadow-xl">
<div class="logo"> <div class="logo">
<a href="" class="font-bold text-2xl">{{config('app.name')}}</a> <a href="" class="font-bold text-2xl">{{config('app.name')}}</a>
</div> </div>
<div class="nav-links place-self-center"> <div class="nav-links hidden sm:block">
<ul class="flex space-x-8 text-accent-600"> <ul class="flex space-x-8 text-accent-600">
<x-nav-links :link="route('home')" name="Home" /> <x-nav-links :link="route('home')" name="Home" />
<x-nav-links :link="route('home')" name="Explore deals" /> <x-nav-links :link="route('home')" name="Explore deals" />
@ -12,7 +12,7 @@
</ul> </ul>
</div> </div>
<div class="nav-buttons space-x-4 place-self-end font-medium"> <div class="nav-buttons space-x-4 font-medium hidden sm:block ">
<a href="">Login</a> <a href="">Login</a>
<a href="" class="ui-btn ui-btn-neutral">Register</a> <a href="" class="ui-btn ui-btn-neutral">Register</a>
</div> </div>