77c6c5f73d
Remove flex items-center from blog post content container that was causing content elements to display horizontally instead of their natural vertical flow. This ensures proper text and element stacking within individual blog posts. Fixes layout issue in resources/views/livewire/blog.blade.php
35 lines
1.4 KiB
PHP
35 lines
1.4 KiB
PHP
@section('title'){{ $postDetail->post }} | {{ config('app.settings.app_name') }} Blog @endsection
|
|
@section('metas')
|
|
@forelse ($postDetail->meta as $key => $value)
|
|
@if ($value)
|
|
<meta name="{{ $key }}" content="{{ $value }}">
|
|
@endif
|
|
@empty
|
|
@endforelse
|
|
@endsection
|
|
@section('custom_header')
|
|
@if(!empty($postDetail->custom_header))
|
|
{!! $postDetail->custom_header !!}
|
|
@endif
|
|
@endsection
|
|
<main>
|
|
<flux:heading class="mb-3 truncate" size="xl" level="1">{{ $postDetail->post }}</flux:heading>
|
|
<div class="mb-3"></div>
|
|
<div class="block rounded-lg bg-white shadow-md dark:bg-zinc-700 items-center p-1">
|
|
<span class="w-full">
|
|
<img class="min-w-full px-4 pt-4 sm:pt-6 sm:px-6 rounded-tl-4xl rounded-tr-4xl rounded-bl-3xl rounded-br-3xl" src="{{ asset('storage/'.$postDetail->post_image) }}" alt="{{ $postDetail->post }}" />
|
|
</span>
|
|
<div class="magic-box my-2 px-4 sm:px-6 min-w-full flex flex-col items-center overflow-auto">
|
|
@php
|
|
$adsSettings = json_decode(config('app.settings.ads_settings') ?: '{}');
|
|
echo $adsSettings->two ?? '';
|
|
@endphp
|
|
</div>
|
|
<div class="w-full px-4 py-2 sm:px-6">
|
|
<flux:text>{!! $postDetail->content !!}</flux:text>
|
|
</div>
|
|
<div class="mt-3"></div>
|
|
</div>
|
|
|
|
</main>
|