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

This commit is contained in:
2026-04-03 05:47:18 +07:00
parent 396ecdb489
commit 2a8d8a813c
9 changed files with 413 additions and 216 deletions
+14 -18
View File
@@ -1,26 +1,22 @@
@extends('public.layout')
@section('title', $post->title)
@section('content')
<a href="{{ route('blog') }}" class="text-green-700 text-sm hover:underline"> Kembali ke Blog</a>
<section class="max-w-4xl mx-auto px-6 py-24">
<a href="{{ route('blog') }}" class="text-sm text-gray-400 hover:text-gray-700 transition"> Kembali</a>
<div class="bg-white rounded-xl shadow p-8 mt-6">
<div class="flex items-center gap-3 mb-3">
<span class="text-xs px-2 py-0.5 rounded-full font-medium
{{ $post->category === 'pengumuman' ? 'bg-yellow-100 text-yellow-700' : ($post->category === 'berita' ? 'bg-blue-100 text-blue-700' : 'bg-gray-100 text-gray-600') }}">
{{ ucfirst($post->category) }}
</span>
<span class="text-xs text-gray-400">{{ $post->published_at->format('d M Y') }}</span>
<div class="mt-8">
<div class="flex items-center gap-3 mb-4">
<span class="text-xs px-2 py-0.5 rounded-full bg-gray-100 text-gray-600">{{ ucfirst($post->category) }}</span>
<span class="text-xs text-gray-400">{{ $post->published_at->format('d M Y') }}</span>
</div>
<h1 class="text-4xl font-bold mb-3">{{ $post->title }}</h1>
<p class="text-sm text-gray-400 mb-10">Oleh {{ $post->author->name }}</p>
<div class="prose max-w-none text-gray-700 leading-relaxed">
{!! $post->content !!}
</div>
</div>
<h1 class="text-3xl font-bold mb-2">{{ $post->title }}</h1>
<p class="text-sm text-gray-400 mb-8">Oleh {{ $post->author->name }}</p>
<div class="prose max-w-none text-gray-700 leading-relaxed">
{!! $post->content !!}
</div>
</div>
</section>
@endsection