Make speaker photos as circle
This commit is contained in:
rodič
f4eb0fa52f
revize
a0c22419e8
|
@ -9,6 +9,7 @@
|
||||||
export let img = 'photoUrl';
|
export let img = 'photoUrl';
|
||||||
export let aspect = 'aspect-square';
|
export let aspect = 'aspect-square';
|
||||||
export let size = 'normal';
|
export let size = 'normal';
|
||||||
|
export let circle = false;
|
||||||
export let offer = false;
|
export let offer = false;
|
||||||
export let bundle = null;
|
export let bundle = null;
|
||||||
export let currentItem = null;
|
export let currentItem = null;
|
||||||
|
@ -38,7 +39,7 @@
|
||||||
<div
|
<div
|
||||||
class="{size === 'small' ? 'p-0.5 lg:p-1' : 'p-1 lg:p-1.5'} {!item.hidden
|
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'
|
? '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">
|
<div class="w-full relative">
|
||||||
{#if col === 'benefit'}
|
{#if col === 'benefit'}
|
||||||
|
@ -55,7 +56,7 @@
|
||||||
width="w-full"
|
width="w-full"
|
||||||
{aspect}
|
{aspect}
|
||||||
{img}
|
{img}
|
||||||
rounded={size === 'small' ? 'rounded-lg' : 'rounded-2xl'}
|
rounded={circle ? 'rounded-full' : (size === 'small' ? 'rounded-lg' : 'rounded-2xl')}
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -80,6 +80,7 @@
|
||||||
arr={processItemsList(speakers.filter((s) => !['cz', 'sk'].includes(s.country)).sort((x, y) => (x.name > y.name ? 1 : -1)))}
|
arr={processItemsList(speakers.filter((s) => !['cz', 'sk'].includes(s.country)).sort((x, y) => (x.name > y.name ? 1 : -1)))}
|
||||||
{entry}
|
{entry}
|
||||||
offer="true"
|
offer="true"
|
||||||
|
circle="true"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<h2 class="text-xl uppercase font-bold mt-10 pbw-text-color-secondary">
|
<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)))}
|
arr={processItemsList(speakers.filter((s) => ['cz', 'sk'].includes(s.country)).sort((x, y) => (x.name > y.name ? 1 : -1)))}
|
||||||
{entry}
|
{entry}
|
||||||
offer="true"
|
offer="true"
|
||||||
|
circle="true"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<h2 class="text-2xl uppercase font-bold mt-10 pbw-text-color-secondary">
|
<h2 class="text-2xl uppercase font-bold mt-10 pbw-text-color-secondary">
|
||||||
|
@ -104,7 +106,7 @@
|
||||||
</div>
|
</div>
|
||||||
{#if data.bundle.benefits}
|
{#if data.bundle.benefits}
|
||||||
<h2 class="text-2xl uppercase font-bold pbw-text-color-secondary">
|
<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>
|
</h2>
|
||||||
<div
|
<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"
|
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}
|
||||||
{#if data.bundle['media-partners']}
|
{#if data.bundle['media-partners']}
|
||||||
<h2 class="text-2xl uppercase font-bold pbw-text-color-secondary">
|
<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'
|
'media-partners'
|
||||||
].length})
|
].length})
|
||||||
</h2>
|
</h2>
|
||||||
|
|
|
@ -182,7 +182,7 @@
|
||||||
{#if type === 'speakers'}
|
{#if type === 'speakers'}
|
||||||
<td class="w-12 md:w-14">
|
<td class="w-12 md:w-14">
|
||||||
<a href="/{entry}/{tc.model}/{item.id}">
|
<a href="/{entry}/{tc.model}/{item.id}">
|
||||||
<ItemLogo {item} img="photoUrl" />
|
<ItemLogo {item} img="photoUrl" rounded="rounded-full" />
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
<td class="text-2xl h-12">
|
<td class="text-2xl h-12">
|
||||||
|
|
|
@ -386,7 +386,7 @@
|
||||||
<div
|
<div
|
||||||
class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 xl:grid-cols-8 mt-4 text-center text-xl"
|
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>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
{#if item.events}
|
{#if item.events}
|
||||||
|
|
Načítá se…
Odkázat v novém úkolu