your personal website on atproto - mirror
blento.app
show settings modal
+27
-30
+27
-30
src/lib/website/EditableWebsite.svelte
+27
-30
src/lib/website/EditableWebsite.svelte
···
495
495
]}
496
496
>
497
497
<div class="flex items-center gap-2">
498
-
{#if dev}
499
-
<Button
500
-
size="iconLg"
501
-
variant="ghost"
502
-
class="mr-4 backdrop-blur-none"
503
-
onclick={() => {
504
-
showSettings = true;
505
-
}}
506
-
>
507
-
<svg
508
-
xmlns="http://www.w3.org/2000/svg"
509
-
fill="none"
510
-
viewBox="0 0 24 24"
511
-
stroke-width="1.5"
512
-
stroke="currentColor"
513
-
>
514
-
<path
515
-
stroke-linecap="round"
516
-
stroke-linejoin="round"
517
-
d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"
518
-
/>
519
-
<path
520
-
stroke-linecap="round"
521
-
stroke-linejoin="round"
522
-
d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
523
-
/>
524
-
</svg>
525
-
</Button>
526
-
{/if}
527
-
528
498
<Button
529
499
size="iconLg"
530
500
variant="ghost"
···
608
578
</Button>
609
579
</div>
610
580
<div class="flex items-center gap-2">
581
+
<Button
582
+
size="iconLg"
583
+
variant="ghost"
584
+
class="backdrop-blur-none"
585
+
onclick={() => {
586
+
showSettings = true;
587
+
}}
588
+
>
589
+
<svg
590
+
xmlns="http://www.w3.org/2000/svg"
591
+
fill="none"
592
+
viewBox="0 0 24 24"
593
+
stroke-width="1.5"
594
+
stroke="currentColor"
595
+
>
596
+
<path
597
+
stroke-linecap="round"
598
+
stroke-linejoin="round"
599
+
d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"
600
+
/>
601
+
<path
602
+
stroke-linecap="round"
603
+
stroke-linejoin="round"
604
+
d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
605
+
/>
606
+
</svg>
607
+
</Button>
611
608
<Toggle
612
609
class="hidden bg-transparent backdrop-blur-none lg:block dark:bg-transparent"
613
610
bind:pressed={showingMobileView}