Skip to content

Commit

Permalink
Prettier
Browse files Browse the repository at this point in the history
  • Loading branch information
cowglow committed Jun 5, 2024
1 parent 9ee4ee5 commit fa9a75f
Showing 1 changed file with 39 additions and 37 deletions.
76 changes: 39 additions & 37 deletions src/routes/team/TeamMember.svelte
Original file line number Diff line number Diff line change
@@ -1,43 +1,43 @@
<script lang="ts">
import Box from '$lib/layout/Box.svelte';
import linkedinLogo from '$lib/participants/linkedin.svg';
<script lang='ts'>
import Box from '$lib/layout/Box.svelte';
import linkedinLogo from '$lib/participants/linkedin.svg';
export let email: string = '';
export let linkedin: string | undefined = undefined;
export let image: string | undefined = undefined;
export let name: string;
export let email: string = '';
export let linkedin: string | undefined = undefined;
export let image: string | undefined = undefined;
export let name: string;
</script>

<Box>
<div class="member">
<div class="image">
{#if image}
<img src={image} alt={name}/>
{:else}
<span>🧑‍💻</span>
{/if}
</div>
<div class="infos">
<strong class="name-with-logo">
{name}
{#if linkedin}
<a
href={linkedin}
rel="external"
class="linkedin-link"
title="Link to {name} on LinkedIn"
>
<img src={linkedinLogo} height="32" width="32" alt="Link to {name} on LinkedIn"/>
</a>
{/if}
</strong>
{#if email}
<a href="mailto:{email}" title={email}>{email}</a>
{:else}
<span>&nbsp;</span>
{/if}
</div>
</div>
<div class='member'>
<div class='image'>
{#if image}
<img src={image} alt={name} />
{:else}
<span>🧑‍💻</span>
{/if}
</div>
<div class='infos'>
<strong class='name-with-logo'>
{name}
{#if linkedin}
<a
href={linkedin}
rel='external'
class='linkedin-link'
title='Link to {name} on LinkedIn'
>
<img src={linkedinLogo} height='32' width='32' alt='Link to {name} on LinkedIn' />
</a>
{/if}
</strong>
{#if email}
<a href='mailto:{email}' title={email}>{email}</a>
{:else}
<span>&nbsp;</span>
{/if}
</div>
</div>
</Box>

<style>
Expand Down Expand Up @@ -74,9 +74,11 @@
height: 15em;
overflow: hidden;
}
.image:has(span){
.image:has(span) {
place-content: center;
}
.image > img {
width: 100%;
height: 100%;
Expand Down

0 comments on commit fa9a75f

Please sign in to comment.