Make speaker photos as circle

This commit is contained in:
tree 2023-03-27 04:22:09 +02:00
parent f4eb0fa52f
commit a0c22419e8
4 changed files with 9 additions and 6 deletions

View File

@ -9,6 +9,7 @@
export let img = 'photoUrl';
export let aspect = 'aspect-square';
export let size = 'normal';
export let circle = false;
export let offer = false;
export let bundle = null;
export let currentItem = null;
@ -38,7 +39,7 @@
<div
class="{size === 'small' ? 'p-0.5 lg:p-1' : 'p-1 lg:p-1.5'} {!item.hidden
? 'hover:bg-pbw-yellow/20 dark:hover:bg-pbw-white/10'
: ''} {size === 'small' ? 'rounded-lg' : 'rounded-2xl'}"
: ''} {(size === 'small' ? 'rounded-lg' : 'rounded-2xl')}"
>
<div class="w-full relative">
{#if col === 'benefit'}
@ -55,7 +56,7 @@
width="w-full"
{aspect}
{img}
rounded={size === 'small' ? 'rounded-lg' : 'rounded-2xl'}
rounded={circle ? 'rounded-full' : (size === 'small' ? 'rounded-lg' : 'rounded-2xl')}
/>
</a>
</div>

View File

@ -80,6 +80,7 @@
arr={processItemsList(speakers.filter((s) => !['cz', 'sk'].includes(s.country)).sort((x, y) => (x.name > y.name ? 1 : -1)))}
{entry}
offer="true"
circle="true"
/>
</div>
<h2 class="text-xl uppercase font-bold mt-10 pbw-text-color-secondary">
@ -92,6 +93,7 @@
arr={processItemsList(speakers.filter((s) => ['cz', 'sk'].includes(s.country)).sort((x, y) => (x.name > y.name ? 1 : -1)))}
{entry}
offer="true"
circle="true"
/>
</div>
<h2 class="text-2xl uppercase font-bold mt-10 pbw-text-color-secondary">
@ -104,7 +106,7 @@
</div>
{#if data.bundle.benefits}
<h2 class="text-2xl uppercase font-bold pbw-text-color-secondary">
<a href="/{entry}/benefits">Benefits for visitors</a> ({data.bundle.benefits.length})
<a href="/{entry}/benefits">PBW Benefits for visitors</a> ({data.bundle.benefits.length})
</h2>
<div
class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-6 my-6 text-center text-xl mb-8"
@ -121,7 +123,7 @@
{/if}
{#if data.bundle['media-partners']}
<h2 class="text-2xl uppercase font-bold pbw-text-color-secondary">
<a href="/{entry}/media-partners">Media Partners & Communities</a> ({data.bundle[
<a href="/{entry}/media-partners">PBW Media Partners & Communities</a> ({data.bundle[
'media-partners'
].length})
</h2>

View File

@ -182,7 +182,7 @@
{#if type === 'speakers'}
<td class="w-12 md:w-14">
<a href="/{entry}/{tc.model}/{item.id}">
<ItemLogo {item} img="photoUrl" />
<ItemLogo {item} img="photoUrl" rounded="rounded-full" />
</a>
</td>
<td class="text-2xl h-12">

View File

@ -386,7 +386,7 @@
<div
class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 xl:grid-cols-8 mt-4 text-center text-xl"
>
<CollectionList arr={item.speakers} bundle={data.bundle} currentItem={item} />
<CollectionList arr={item.speakers} bundle={data.bundle} currentItem={item} circle="true" />
</div>
{/if}
{#if item.events}