glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(TypographyMenu): correct responsive settings

Browse Source
This commit is contained in:
Ilia Mashkov
2026-02-07 11:28:52 +03:00
parent 49f5564cc9
commit 780d76dced
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/widgets/TypographySettings/ui/TypographyMenu.svelte
View File

@@ -26,13 +26,13 @@ const [send, receive] = crossfade({
</script> </script>
<div <div
class="w-auto fixed bottom-4 sm:bottom-5 left-4 right-4 sm:left-auto sm:right-auto sm:inset-x-0 max-screen z-10 flex justify-center" class="w-auto fixed bottom-4 sm:bottom-5 left-4 right-4 sm:left-1/2 sm:right-[unset] sm:-translate-x-1/2 sm:inset-x-0 max-screen z-10 flex justify-center"
in:receive={{ key: 'panel' }} in:receive={{ key: 'panel' }}
out:send={{ key: 'panel' }} out:send={{ key: 'panel' }}
> >
<ItemRoot <ItemRoot
variant="outline" variant="outline"
class="w-auto max-w-full sm:max-w-max p-2 sm:p-2.5 rounded-xl sm:rounded-2xl backdrop-blur-lg" class="w-full sm:w-auto max-w-full sm:max-w-max p-2 sm:p-2.5 rounded-xl sm:rounded-2xl backdrop-blur-lg"
> >
<ItemContent class="flex flex-row justify-center items-center max-w-full sm:max-w-max"> <ItemContent class="flex flex-row justify-center items-center max-w-full sm:max-w-max">
<SetupFontMenu /> <SetupFontMenu />