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>
resources/views/templates/odullerimiz.blade.php
+1 -1
View File
@@ -203,7 +203,7 @@
<div class="absolute -left-12 -bottom-12 w-64 h-64 rounded-full bg-white/10 opacity-20 blur-xl group-hover:scale-125 transition-transform duration-700"></div>
<div class="relative z-10 max-w-2xl mx-auto flex flex-col items-center">
<img src="assets/img/truncgil-yatay-dark.svg" alt="">
<img src="assets/img/truncgil-yatay-dark.svg" width="256" alt="">
<h3 class="text-2xl md:text-3xl font-black mb-4 tracking-tight leading-tight" style="color: #ffffff !important;">{{ t('Bu başarıları birlikte kazandık!') }}</h3>
<p class="text-sm md:text-base leading-relaxed mb-8 font-medium max-w-xl" style="color: rgba(255, 255, 255, 0.95) !important;">{{ t('Geleceği yenilikçi teknolojilerle şekillendiren bu harika ekibin bir parçası olmak, bizimle yeni ödüllere koşmak ister misin?') }}</p>
<a href="{{ url('/kariyer') }}" class="inline-flex items-center gap-2 px-8 py-3.5 rounded-full text-xs font-black uppercase tracking-wider hover:translate-y-[-0.2rem] hover:shadow-2xl transition-all duration-350 border-0 group/btn" style="background-color: #ffffff !important; color: #e31e24 !important; text-decoration: none;">