src/widgets/TypographySettings/ui/TypographyMenu.svelte

@@ -1,3 +1,7 @@
+<!--
+    Component: TypographyMenu
+    Provides a menu for selecting and configuring typography settings
+-->
 <script lang="ts">
 import { SetupFontMenu } from '$features/SetupFont';
 import {
@@ -5,7 +9,6 @@ import {
     Root as ItemRoot,
 } from '$shared/shadcn/ui/item';
 
-import { displayedFontsStore } from '$features/DisplayFont';
 import { cubicOut } from 'svelte/easing';
 import { crossfade } from 'svelte/transition';
 
@@ -22,16 +25,17 @@ const [send, receive] = crossfade({
 });
 </script>
 
-{#if displayedFontsStore.hasAnyFonts}
 <div
     class="w-auto fixed bottom-5 inset-x-0 max-screen z-10 flex justify-center"
     in:receive={{ key: 'panel' }}
     out:send={{ key: 'panel' }}
 >
-        <ItemRoot variant="outline" class="w-auto max-w-max p-2.5 rounded-2xl backdrop-blur-lg">
+    <ItemRoot
+        variant="outline"
+        class="w-auto max-w-max p-2.5 rounded-2xl backdrop-blur-lg"
+    >
         <ItemContent class="flex flex-row justify-center items-center max-w-max">
             <SetupFontMenu />
         </ItemContent>
     </ItemRoot>
 </div>
-{/if}