tuxarmy/persegi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: perbaiki navigasi mobile — semua menu tetap inline seperti referensi

Browse Source
This commit is contained in:
tuxarmy
2026-04-03 05:47:18 +07:00
parent 396ecdb489
commit 2a8d8a813c
9 changed files with 413 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/public/layout.blade.php
+32 -14
View File
@@ -5,29 +5,47 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@yield('title', 'Persegi') — Organisasi Pemuda Desa Karangdadap</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
[x-cloak] { display: none; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.prose p { margin-bottom: 1rem; }
</style>
</head>
<body class="bg-gray-50 text-gray-800 font-sans">
<body class="bg-white text-gray-900 font-sans antialiased">
<nav class="bg-green-700 text-white shadow">
<div class="max-w-5xl mx-auto px-4 py-3 flex items-center justify-between">
<a href="{{ route('home') }}" class="font-bold text-xl tracking-wide">🌿 Persegi</a>
<div class="flex gap-6 text-sm font-medium">
<a href="{{ route('home') }}" class="hover:underline">Beranda</a>
<a href="{{ route('tentang') }}" class="hover:underline">Tentang</a>
<a href="{{ route('kegiatan') }}" class="hover:underline">Kegiatan</a>
<a href="{{ route('blog') }}" class="hover:underline">Blog</a>
<a href="{{ route('kontak') }}" class="hover:underline">Kontak</a>
<a href="{{ route('filament.admin.auth.login') }}" class="bg-white text-green-700 px-3 py-1 rounded hover:bg-green-50">Login</a>
{{-- Navbar --}}
<nav class="fixed top-0 left-0 right-0 z-50 bg-white border-b border-gray-100">
<div class="max-w-6xl mx-auto px-4 py-3 flex items-center justify-between">
<a href="{{ route('home') }}" class="font-bold text-base tracking-tight whitespace-nowrap">Persegi <span class="text-gray-400">///</span></a>
<div class="flex items-center gap-3 md:gap-8 text-xs md:text-sm text-gray-600">
<a href="{{ route('tentang') }}" class="hover:text-gray-900 transition">Tentang</a>
<a href="{{ route('kegiatan') }}" class="hover:text-gray-900 transition hidden sm:inline">Kegiatan</a>
<a href="{{ route('blog') }}" class="hover:text-gray-900 transition">Blog</a>
<a href="{{ route('filament.admin.auth.login') }}"
class="flex items-center gap-1 bg-gray-900 text-white text-xs font-medium px-3 py-1.5 rounded-full hover:bg-gray-700 transition whitespace-nowrap">
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>
Masuk
</a>
</div>
</div>
</nav>
<main class="max-w-5xl mx-auto px-4 py-10">
<main class="pt-16">
@yield('content')
</main>
<footer class="bg-green-800 text-white text-center text-sm py-6 mt-16">
<p>© {{ date('Y') }} Persegi — Organisasi Pemuda Desa Karangdadap, Kalibagor, Banyumas</p>
{{-- Footer --}}
<footer class="border-t border-gray-100 mt-24">
<div class="max-w-6xl mx-auto px-6 py-8 flex flex-col md:flex-row items-center justify-between gap-4">
<p class="text-sm text-gray-400">
Copyright © {{ date('Y') }} — Persegi, Desa Karangdadap, Kalibagor, Banyumas
</p>
<div class="flex items-center gap-4 text-gray-400">
<a href="{{ route('kontak') }}" class="hover:text-gray-700 text-sm transition">Kontak</a>
<a href="{{ route('tentang') }}" class="hover:text-gray-700 text-sm transition">Tentang</a>
</div>
</div>
</footer>
</body>