truncgit/citrus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: refine mega menu typography and spacing, and set explicit width for horizontal logo image

Browse Source
This commit is contained in:
Ümit Tunç
2026-05-27 07:01:47 +03:00
parent d39acfc582
commit 5bc2fd0029
2 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/components/front/menu-item.blade.php
+22 -22
View File
@@ -52,23 +52,23 @@
@if($isMegaMenu)
<li class="nav-item dropdown dropdown-mega">
<a class="nav-link dropdown-toggle font-bold !tracking-[normal]" href="{{ route('page.show', $item->slug) }}" data-bs-toggle="dropdown">{{ $item->translate('title') }}</a>
<ul class="dropdown-menu mega-menu !p-6 xl:!p-8 !rounded-[0.8rem] !shadow-2xl !border-0">
<ul class="dropdown-menu mega-menu !p-5 xl:!p-6 !rounded-[0.8rem] !shadow-2xl !border-0">
<li class="mega-menu-content">
<div class="flex flex-wrap mx-0 xl:mx-[-10px] lg:mx-[-10px]">
<!-- Sütun 1: Ürünlerimiz -->
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full px-6 xl:border-r border-[#0000000a] dark:border-[#ffffff0a] mb-6 lg:mb-0">
<h6 class="dropdown-header !text-[#e31e24] mb-4 mt-2 !pl-0 text-uppercase tracking-wider font-bold text-xs flex items-center">
<i class="uil uil-cube text-lg mr-2"></i>
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full px-5 xl:border-r border-[#0000000a] dark:border-[#ffffff0a] mb-4 lg:mb-0">
<h6 class="dropdown-header !text-[#e31e24] mb-3 mt-1 !pl-0 text-uppercase tracking-wider font-bold text-xs flex items-center">
<i class="uil uil-cube text-lg mr-2.5"></i>
{{ __('Ürünlerimiz') }}
</h6>
<ul class="pl-0 list-none mb-0">
@foreach($products as $prod)
<li class="w-full mb-2.5">
<a class='dropdown-item hover:!text-[#e31e24] !pl-0 !bg-transparent flex items-center transition-all duration-200 hover:translate-x-1'
<li class="w-full mb-1.5">
<a class='dropdown-item hover:!text-[#e31e24] !pl-0 !py-0.5 !bg-transparent flex items-center transition-all duration-200 hover:translate-x-1'
href="{{ $prod->external_url ? $prod->external_url : route('products.show', $prod->slug) }}"
@if($prod->external_url) target="_blank" @endif>
<i class="uil uil-angle-right text-[#e31e24] mr-1.5 text-md opacity-70"></i>
<span class="font-medium text-[14px]">{{ $prod->translate('title') }}</span>
<i class="uil uil-angle-right text-[#e31e24] mr-3 text-[15px] opacity-80"></i>
<span class="font-medium text-[13.5px] tracking-wide">{{ $prod->translate('title') }}</span>
</a>
</li>
@endforeach
@@ -76,19 +76,19 @@
</div>
<!-- Sütun 2: Hizmetlerimiz -->
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full px-6 xl:border-r border-[#0000000a] dark:border-[#ffffff0a] mb-6 lg:mb-0">
<h6 class="dropdown-header !text-[#e31e24] mb-4 mt-2 !pl-0 text-uppercase tracking-wider font-bold text-xs flex items-center">
<i class="uil uil-cog text-lg mr-2"></i>
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full px-5 xl:border-r border-[#0000000a] dark:border-[#ffffff0a] mb-4 lg:mb-0">
<h6 class="dropdown-header !text-[#e31e24] mb-3 mt-1 !pl-0 text-uppercase tracking-wider font-bold text-xs flex items-center">
<i class="uil uil-cog text-lg mr-2.5"></i>
{{ __('Hizmetlerimiz') }}
</h6>
<ul class="pl-0 list-none mb-0">
@foreach($services as $serv)
<li class="w-full mb-2.5">
<a class='dropdown-item hover:!text-[#e31e24] !pl-0 !bg-transparent flex items-center transition-all duration-200 hover:translate-x-1'
<li class="w-full mb-1.5">
<a class='dropdown-item hover:!text-[#e31e24] !pl-0 !py-0.5 !bg-transparent flex items-center transition-all duration-200 hover:translate-x-1'
href="{{ $serv->external_url ? $serv->external_url : route('products.show', $serv->slug) }}"
@if($serv->external_url) target="_blank" @endif>
<i class="uil uil-angle-right text-[#e31e24] mr-1.5 text-md opacity-70"></i>
<span class="font-medium text-[14px]">{{ $serv->translate('title') }}</span>
<i class="uil uil-angle-right text-[#e31e24] mr-3 text-[15px] opacity-80"></i>
<span class="font-medium text-[13.5px] tracking-wide">{{ $serv->translate('title') }}</span>
</a>
</li>
@endforeach
@@ -96,19 +96,19 @@
</div>
<!-- Sütun 3: Projelerimiz & Başarı Hikayeleri -->
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full px-6">
<h6 class="dropdown-header !text-[#e31e24] mb-4 mt-2 !pl-0 text-uppercase tracking-wider font-bold text-xs flex items-center">
<i class="uil uil-award text-lg mr-2"></i>
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full px-5">
<h6 class="dropdown-header !text-[#e31e24] mb-3 mt-1 !pl-0 text-uppercase tracking-wider font-bold text-xs flex items-center">
<i class="uil uil-award text-lg mr-2.5"></i>
{{ $locale === 'tr' ? 'Projelerimiz / Başarılar' : ($locale === 'se' ? 'Projekt & Framgångar' : 'Projects & Successes') }}
</h6>
<ul class="pl-0 list-none mb-0">
@foreach($projectLinks as $proj)
<li class="w-full mb-2.5">
<a class='dropdown-item hover:!text-[#e31e24] !pl-0 !bg-transparent flex items-center justify-between transition-all duration-200 hover:translate-x-1'
<li class="w-full mb-1.5">
<a class='dropdown-item hover:!text-[#e31e24] !pl-0 !py-0.5 !bg-transparent flex items-center justify-between transition-all duration-200 hover:translate-x-1'
href="{{ $proj['url'] }}">
<span class="flex items-center">
<i class="uil {{ $proj['icon'] }} text-[#e31e24] mr-2 text-md opacity-80"></i>
<span class="font-medium text-[14px]">{{ $proj['title'] }}</span>
<i class="uil {{ $proj['icon'] }} text-[#e31e24] mr-3 text-[15px] opacity-90"></i>
<span class="font-medium text-[13.5px] tracking-wide">{{ $proj['title'] }}</span>
</span>
@if($proj['badge'])
<span class="badge bg-[#e31e24]/10 text-[#e31e24] text-[10px] px-2 py-0.5 rounded-full font-semibold ml-2">{{ $proj['badge'] }}</span>