add responsive

This commit is contained in:
2024-04-24 07:18:17 +10:00
parent d592f8bd19
commit 50de666304

View File

@@ -1,13 +1,13 @@
<x-layout>
<x-container>
<x-ui.image-hero :image="$workshop->hero?->url" class="my-8" />
<div class="flex gap-16">
<div class="flex sm:gap-16 gap-4 flex-col sm:flex-row">
<div class="flex flex-col flex-1">
<h1 class="text-3xl font-bold mb-6">{!! $workshop->title !!}</h1>
<article class="content mb-4">{!! $workshop->content !!}</article>
<x-ui.filelist class="mt-16" value="{!! $workshop->files()->orderBy('name')->get() !!}" />
</div>
<div class="flex flex-col pt-8 basis-64 flex-grow-0 flex-shrink-0">
<div class="flex flex-col sm:pt-8 basis-64 flex-grow-0 flex-shrink-0">
@if($workshop->status === 'closed')
<div class="sm-registration-closed">Registration for this event has closed.</div>
@elseif($workshop->status === 'full')