event detail responsivity fixes

This commit is contained in:
tree🌴 2024-02-24 02:24:55 +01:00
parent 9281234215
commit 54f805e527
2 changed files with 5 additions and 7 deletions

View file

@ -12,7 +12,7 @@ import core from "../core.json";
<div class="w3pn-speaker-list grid grid-cols-1 gap-6 mt-4"> <div class="w3pn-speaker-list grid grid-cols-1 gap-6 mt-4">
{item.speakers.map(spId => getSpeaker(core, spId)).map((speaker) => ( {item.speakers.map(spId => getSpeaker(core, spId)).map((speaker) => (
<div class="flex gap-4"> <div class="flex gap-4">
<div><img class={`${thumbSize === 'big' ? 'w-16 h-16' : 'w-14 h-14'} aspect-square rounded-full`} src={speaker.imageUrl} /></div> <div><img class={`${thumbSize === 'big' ? 'w-16 h-16' : 'w-14 h-14'} aspect-square rounded-full object-contain`} src={speaker.imageUrl} /></div>
<div> <div>
<div> <div>
<span class="text-white">{speaker.name}</span> <span class="text-white">{speaker.name}</span>

View file

@ -22,7 +22,10 @@ const ext = findExt(EventsExt, item)
<div class="middle-pane-medium mt-10"> <div class="middle-pane-medium mt-10">
<div class="sm:flex w-full"> <div class="lg:flex w-full ">
<div class="lg:mr-10 mb-8 lg:mb-0">
<div><img src={ext ? ext.coverUrl : '/logo.svg'} class="rounded border border-white/20 w-80 aspect-square object-contain" class:list={[!ext ? 'p-10' : '']} /></div>
</div>
<div class="grow"> <div class="grow">
<h1 id="upcoming">W3PN {nameRenderer(item, true)}</h1> <h1 id="upcoming">W3PN {nameRenderer(item, true)}</h1>
@ -69,11 +72,6 @@ const ext = findExt(EventsExt, item)
</div> </div>
</div> </div>
</div> </div>
<div class="items-right">
{ext &&
<div><img src={ext.coverUrl} class="rounded border border-white/20 w-80 h-80 aspect-square" /></div>
}
</div>
</div> </div>
<SpeakerList {item} thumbSize="big"/> <SpeakerList {item} thumbSize="big"/>