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 handleImageInputChange, 23 handleVideoInputChange, 24 25 - showCardCommand 26 selectedCard = null, 27 isMobile = false, 28 isCoarse = false, ··· 446 </svg> 447 </Button> 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 - > 480 <svg 481 xmlns="http://www.w3.org/2000/svg" 482 fill="none" ··· 487 <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /> 488 </svg> 489 </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 </div> 506 {/if} 507 <div class={['flex items-center gap-2', showMobileEditControls ? 'hidden' : '']}>
··· 22 handleImageInputChange, 23 handleVideoInputChange, 24 25 + showCardCommand, 26 selectedCard = null, 27 isMobile = false, 28 isCoarse = false, ··· 446 </svg> 447 </Button> 448 449 + <Button size="iconLg" variant="ghost" class="backdrop-blur-none" onclick={showCardCommand}> 450 <svg 451 xmlns="http://www.w3.org/2000/svg" 452 fill="none" ··· 457 <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /> 458 </svg> 459 </Button> 460 </div> 461 {/if} 462 <div class={['flex items-center gap-2', showMobileEditControls ? 'hidden' : '']}>
+3 -15
src/lib/website/EditableWebsite.svelte
··· 49 // Check if floating login button will be visible (to hide MadeWithBlento) 50 const showLoginOnEditPage = $derived(!user.isInitializing && !user.isLoggedIn); 51 52 - let accentColor = $derived(data.publication?.preferences?.accentColor ?? 'pink'); 53 - let baseColor = $derived(data.publication?.preferences?.baseColor ?? 'stone'); 54 - 55 function updateTheme(newAccent: string, newBase: string) { 56 data.publication.preferences ??= {}; 57 data.publication.preferences.accentColor = newAccent; ··· 802 target.value = ''; 803 } 804 805 - // $inspect(items); 806 - 807 - let showCardCommand = $state(true); 808 </script> 809 810 <svelte:body ··· 908 > 909 <div class="pointer-events-none"></div> 910 <!-- svelte-ignore a11y_no_static_element_interactions a11y_click_events_have_key_events --> 911 <div 912 bind:this={container} 913 onclick={(e) => { ··· 1073 </div> 1074 </div> 1075 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 1086 <EditBar 1087 {data} ··· 1096 {handleVideoInputChange} 1097 showCardCommand={() => { 1098 showCardCommand = true; 1099 {selectedCard} 1100 {isMobile} 1101 {isCoarse}
··· 49 // Check if floating login button will be visible (to hide MadeWithBlento) 50 const showLoginOnEditPage = $derived(!user.isInitializing && !user.isLoggedIn); 51 52 function updateTheme(newAccent: string, newBase: string) { 53 data.publication.preferences ??= {}; 54 data.publication.preferences.accentColor = newAccent; ··· 799 target.value = ''; 800 } 801 802 + let showCardCommand = $state(false); 803 </script> 804 805 <svelte:body ··· 903 > 904 <div class="pointer-events-none"></div> 905 <!-- svelte-ignore a11y_no_static_element_interactions a11y_click_events_have_key_events --> 906 + <!-- svelte-ignore a11y_click_events_have_key_events --> 907 <div 908 bind:this={container} 909 onclick={(e) => { ··· 1069 </div> 1070 </div> 1071 1072 1073 <EditBar 1074 {data} ··· 1083 {handleVideoInputChange} 1084 showCardCommand={() => { 1085 showCardCommand = true; 1086 + }} 1087 {selectedCard} 1088 {isMobile} 1089 {isCoarse}