33 lines
1.0 KiB
Svelte
33 lines
1.0 KiB
Svelte
<script>
|
|
// @ts-nocheck
|
|
import { Label } from '$lib/components/ui/label';
|
|
import { Button } from '$lib/components/ui/button';
|
|
</script>
|
|
|
|
<div>
|
|
<Label>Your Latest Podcast</Label>
|
|
<Button class="flex w-full flex-row justify-start rounded text-left" variant="secondary">
|
|
<div class="items-center justify-center rounded-lg p-2">
|
|
<img src="/icons/play.svg" width={16} height={16} alt="" />
|
|
</div>
|
|
<div>
|
|
<h3 class="text-md">Your Daily Pod</h3>
|
|
<p class="text-sm text-muted-foreground">January 18th, 2024</p>
|
|
</div>
|
|
</Button>
|
|
<Label>Your Newsletters</Label>
|
|
<div class="overflow-scroll">
|
|
{#each [5, 4, 3, 2, 1] as _}
|
|
<Button class="flex w-full flex-row justify-start rounded text-left mt-4" variant="secondary">
|
|
<div class="items-center justify-center rounded-lg p-2">
|
|
<img src="/icons/play.svg" width={16} height={16} alt="" />
|
|
</div>
|
|
<div>
|
|
<h3 class="text-md">Your Daily Pod</h3>
|
|
<p class="text-sm text-muted-foreground">January 18th, 2024</p>
|
|
</div>
|
|
</Button>
|
|
{/each}
|
|
</div>
|
|
</div>
|