add responsive
This commit is contained in:
@@ -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')
|
||||
|
||||
Reference in New Issue
Block a user