your personal website on atproto - mirror
blento.app
flo-bit.dev
add youtube card
+11
-18
src/lib/EditableWebsite.svelte
+11
-18
src/lib/EditableWebsite.svelte
···
325
325
</div>
326
326
</div>
327
327
328
-
<Sidebar mobileOnly mobileClasses="lg:block">
328
+
<Sidebar mobileOnly mobileClasses="lg:block p-4">
329
329
{#each sidebarItems as cardDef}
330
330
<cardDef.sidebarComponent onclick={() => newCard(cardDef.type)} />
331
331
{/each}
···
404
404
</svg>
405
405
</Button>
406
406
407
-
{#if dev || handle === 'flo-bit.dev'}
408
-
<Button
409
-
size="iconLg"
410
-
variant="ghost"
411
-
class="backdrop-blur-none"
412
-
popovertarget="mobile-menu"
407
+
<Button size="iconLg" variant="ghost" class="backdrop-blur-none" popovertarget="mobile-menu">
408
+
<svg
409
+
xmlns="http://www.w3.org/2000/svg"
410
+
fill="none"
411
+
viewBox="0 0 24 24"
412
+
stroke-width="1.5"
413
+
stroke="currentColor"
413
414
>
414
-
<svg
415
-
xmlns="http://www.w3.org/2000/svg"
416
-
fill="none"
417
-
viewBox="0 0 24 24"
418
-
stroke-width="1.5"
419
-
stroke="currentColor"
420
-
>
421
-
<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
422
-
</svg>
423
-
</Button>
424
-
{/if}
415
+
<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
416
+
</svg>
417
+
</Button>
425
418
426
419
<!-- for special stuff -->
427
420
{#if handle === 'blento.app'}
+11
-1
src/lib/cards/YoutubeVideo/SidebarItemYoutubeCard.svelte
+11
-1
src/lib/cards/YoutubeVideo/SidebarItemYoutubeCard.svelte
···
1
1
<script lang="ts">
2
+
import { Button } from '@foxui/core';
3
+
2
4
let { onclick }: { onclick: () => void } = $props();
3
5
</script>
4
6
5
-
<button {onclick}> Youtube Video </button>
7
+
<Button {onclick} variant="ghost" class="w-full" size="lg">
8
+
<svg xmlns="http://www.w3.org/2000/svg" class="text-accent-500 h-4" viewBox="0 0 256 180"
9
+
><path
10
+
fill="currentColor"
11
+
d="M250.346 28.075A32.18 32.18 0 0 0 227.69 5.418C207.824 0 127.87 0 127.87 0S47.912.164 28.046 5.582A32.18 32.18 0 0 0 5.39 28.24c-6.009 35.298-8.34 89.084.165 122.97a32.18 32.18 0 0 0 22.656 22.657c19.866 5.418 99.822 5.418 99.822 5.418s79.955 0 99.82-5.418a32.18 32.18 0 0 0 22.657-22.657c6.338-35.348 8.291-89.1-.164-123.134"
12
+
/><path fill="#fff" d="m102.421 128.06l66.328-38.418l-66.328-38.418z" /></svg
13
+
>
14
+
Youtube Video Card
15
+
</Button>