feat(SliderArea): utilize responsive breakpoints for TypographyMenu positioning

2026-04-17 14:39:25 +03:00
parent 3711616a91
commit bb5c3667b4
1 changed files with 4 additions and 1 deletions
--- a/src/widgets/ComparisonView/ui/SliderArea/SliderArea.svelte
+++ b/src/widgets/ComparisonView/ui/SliderArea/SliderArea.svelte
@@ -254,7 +254,10 @@ const scaleClass = $derived(

    <TypographyMenu
        class={clsx(
-            'absolute bottom-4 sm:bottom-5 right-4 sm:left-1/2 sm:right-[unset] sm:-translate-x-1/2 z-50',
+            'absolute z-50',
+            responsive.isMobileOrTablet
+                ? 'bottom-4 right-4 -translate-1/2'
+                : 'bottom-5 left-1/2 right-[unset] -translate-x-1/2',
        )}
    />
 </div>