flo-bit.dev / blento
your personal website on atproto - mirror blento.app
fork atom

fixes

Florian 7e427f97 0c45f933

+5 -62
unified split
+2 -47
src/lib/website/EditBar.svelte
··· 22 22 handleImageInputChange, 23 23 handleVideoInputChange, 24 24 25 - showCardCommand 25 + showCardCommand, 26 26 selectedCard = null, 27 27 isMobile = false, 28 28 isCoarse = false, ··· 446 446 </svg> 447 447 </Button> 448 448 449 - {#if dev} 450 - <Button 451 - size="iconLg" 452 - variant="ghost" 453 - class="backdrop-blur-none" 454 - onclick={() => { 455 - videoInputRef?.click(); 456 - }} 457 - > 458 - <svg 459 - xmlns="http://www.w3.org/2000/svg" 460 - fill="none" 461 - viewBox="0 0 24 24" 462 - stroke-width="1.5" 463 - stroke="currentColor" 464 - > 465 - <path 466 - stroke-linecap="round" 467 - stroke-linejoin="round" 468 - d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z" 469 - /> 470 - </svg> 471 - </Button> 472 - {/if} 473 - 474 - <Button 475 - size="iconLg" 476 - variant="ghost" 477 - class="backdrop-blur-none" 478 - popovertarget="mobile-menu" 479 - > 449 + <Button size="iconLg" variant="ghost" class="backdrop-blur-none" onclick={showCardCommand}> 480 450 <svg 481 451 xmlns="http://www.w3.org/2000/svg" 482 452 fill="none" ··· 487 457 <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /> 488 458 </svg> 489 459 </Button> 490 - {/if} 491 - 492 - <Button size="iconLg" variant="ghost" class="backdrop-blur-none" onclick={showCardCommand}> 493 - <svg 494 - xmlns="http://www.w3.org/2000/svg" 495 - fill="none" 496 - viewBox="0 0 24 24" 497 - stroke-width="1.5" 498 - stroke="currentColor" 499 - > 500 - <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /> 501 - </svg> 502 - </Button> 503 - </div> 504 - <div class="flex items-center gap-2"> 505 460 </div> 506 461 {/if} 507 462 <div class={['flex items-center gap-2', showMobileEditControls ? 'hidden' : '']}>
+3 -15
src/lib/website/EditableWebsite.svelte
··· 49 49 // Check if floating login button will be visible (to hide MadeWithBlento) 50 50 const showLoginOnEditPage = $derived(!user.isInitializing && !user.isLoggedIn); 51 51 52 - let accentColor = $derived(data.publication?.preferences?.accentColor ?? 'pink'); 53 - let baseColor = $derived(data.publication?.preferences?.baseColor ?? 'stone'); 54 - 55 52 function updateTheme(newAccent: string, newBase: string) { 56 53 data.publication.preferences ??= {}; 57 54 data.publication.preferences.accentColor = newAccent; ··· 802 799 target.value = ''; 803 800 } 804 801 805 - // $inspect(items); 806 - 807 - let showCardCommand = $state(true); 802 + let showCardCommand = $state(false); 808 803 </script> 809 804 810 805 <svelte:body ··· 908 903 > 909 904 <div class="pointer-events-none"></div> 910 905 <!-- svelte-ignore a11y_no_static_element_interactions a11y_click_events_have_key_events --> 906 + <!-- svelte-ignore a11y_click_events_have_key_events --> 911 907 <div 912 908 bind:this={container} 913 909 onclick={(e) => { ··· 1073 1069 </div> 1074 1070 </div> 1075 1071 1076 - <Sidebar mobileOnly mobileClasses="lg:block p-4 gap-4"> 1077 - <div class="flex flex-col gap-2"> 1078 - {#each sidebarItems as cardDef (cardDef.type)} 1079 - <Button onclick={() => newCard(cardDef.type)} variant="ghost" class="w-full justify-start" 1080 - >{cardDef.sidebarButtonText}</Button 1081 - > 1082 - {/each} 1083 - </div> 1084 - </Sidebar> 1085 1072 1086 1073 <EditBar 1087 1074 {data} ··· 1096 1083 {handleVideoInputChange} 1097 1084 showCardCommand={() => { 1098 1085 showCardCommand = true; 1086 + }} 1099 1087 {selectedCard} 1100 1088 {isMobile} 1101 1089 {isCoarse}