refactor: remove redundant inline styles and simplify Tailwind utility classes in language selector component

This commit is contained in:
Ümit Tunç
2026-05-20 08:40:23 +03:00
parent bc65bb10ef
commit e232d25fc8
@@ -4,24 +4,6 @@
$currentLanguage = $languages->firstWhere('code', $currentLang);
@endphp
<style>
@media (max-width: 991.98px) {
.language-select .dropdown-menu {
background: #2a303b !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
padding: 10px !important;
border-radius: 0.4rem !important;
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.2) !important;
position: absolute !important;
z-index: 1050 !important;
}
.language-select .dropdown-item {
color: #ffffff !important;
padding: 0.25rem 0.75rem !important;
}
}
</style>
<div class="navbar-other !flex !ml-5">
<ul class="navbar-nav !flex-row !items-center">
<li class="nav-item dropdown language-select uppercase group">
@@ -32,10 +14,10 @@
{{ strtoupper($currentLang) }}
@endif
</a>
<ul class="dropdown-menu !bg-[#2a303b] lg:!bg-white group-hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">
<ul class="dropdown-menu group-hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">
@foreach($languages as $language)
<li class="nav-item">
<a class="dropdown-item !text-white lg:!text-[#343f52] hover:!text-[#747ed1] {{ $language->code === $currentLang ? 'active font-bold !text-[#e31e24] lg:!text-[#e31e24]' : '' }}"
<a class="dropdown-item hover:!text-[#747ed1] {{ $language->code === $currentLang ? 'active font-bold !text-[#e31e24]' : '' }}"
href="{{ route('language.switch', $language->code) }}">
{{ strtoupper($language->code) }}
</a>