fix(experimental): Header fix subtitle padding on mobile (#10126)

taiga-family · Jan 9, 2025 · c44ec38 · c44ec38
1 parent 352f1b7
commit c44ec38
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/projects/experimental/directives/header/header.styles.less b/projects/experimental/directives/header/header.styles.less
@@ -77,6 +77,10 @@
     }
 
     &[data-size='xxs'] {
+        [tuiTitle] {
+            gap: 0.125rem;
+        }
+
         [tuiTitle],
         [tuiAccessories] {
             font: var(--tui-font-text-xl);
@@ -93,6 +97,20 @@
 }
 
 tui-root._mobile [tuiHeader] {
+    &[data-size='xxl'],
+    &[data-size='xl'],
+    &[data-size='l'] {
+        [tuiTitle] {
+            gap: 1rem;
+        }
+    }
+
+    &[data-size='m'] {
+        [tuiTitle] {
+            gap: 0.5rem;
+        }
+    }
+
     [tuiAccessories] {
         gap: 1rem;
     }