Skip to content

Commit

Permalink
fix(platfoms.svelte): snippetは必要ないので分割
Browse files Browse the repository at this point in the history
  • Loading branch information
ryoppippi committed Oct 5, 2024
1 parent 3379cfe commit 4030acd
Showing 1 changed file with 10 additions and 20 deletions.
30 changes: 10 additions & 20 deletions src/routes/Platforms.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -4,32 +4,22 @@
import * as Logo from '$lib/Logo';
</script>

<!-- それぞれ繰り返し使う部分をsnippetとして定義 -->
{#snippet desc()}
<p data-budoux uno-text>
「エンジニアの楽園 vim-jpラジオ」は AuDee(TOKYO FM)の公式番組です。
</p>
{/snippet}

{#snippet audeeLink()}
<a data-budoux href={LINKS.AuDee.url} target='_blank' uno-button>AuDeeで聞く</a>
{/snippet}

{#snippet audeeLogo()}
<div uno-max-w-60 uno-min-w-36 uno-tiny-w-full>
<Logo.AuDee class='h-full w-full object-fill' />
</div>
{/snippet}

<section>
<Heading title='配信プラットフォーム' />
<div uno-flex-col uno-space-y-12>
<!-- 幅がtiny未満であれば、上下に分割して表示 -->
<div uno-flex='~ col tiny:row-reverse justify-center' uno-space-y='6 tiny:0'>
{@render audeeLogo()}
<!-- Audee Logo -->
<div uno-max-w-60 uno-min-w-36 uno-tiny-w-full>
<Logo.AuDee class='h-full w-full object-fill' />
</div>
<div uno-space-y='4 tiny:6'>
{@render desc()}
{@render audeeLink()}
<!-- description -->
<p data-budoux uno-text>
「エンジニアの楽園 vim-jpラジオ」は AuDee(TOKYO FM)の公式番組です。
</p>
<!-- AuDee link -->
<a data-budoux href={LINKS.AuDee.url} target='_blank' uno-button>AuDeeで聞く</a>
</div>
</div>

Expand Down

0 comments on commit 4030acd

Please sign in to comment.