fix(addon-mobile): Card fix paddings on mobile devices (#9912)

taiga-family · Dec 4, 2024 · 8579228 · 8579228
1 parent e77b631
commit 8579228
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/projects/addon-mobile/styles/common/card-large.less b/projects/addon-mobile/styles/common/card-large.less
@@ -1,4 +1,4 @@
-[tuiCardLarge] {
+[tuiCardLarge][data-space] {
     &[data-space='normal'] {
         --t-padding: 1.25rem;
         --t-gap: 1.25rem;

diff --git a/projects/demo/src/modules/experimental/card-large/card-large.template.html b/projects/demo/src/modules/experimental/card-large/card-large.template.html
@@ -95,7 +95,7 @@
 
         <tui-doc-example
             id="paddings"
-            heading="Paddings and radiuses"
+            heading="Paddings and radii"
             [content]="example12"
         >
             <tui-card-large-example-12></tui-card-large-example-12>

diff --git a/projects/demo/src/modules/experimental/card-large/examples/12/index.html b/projects/demo/src/modules/experimental/card-large/examples/12/index.html
@@ -8,7 +8,7 @@ <h4>Desktop</h4>
         <header tuiHeader>
             <h2 tuiTitle>
                 Normal
-                <span tuiSubtitle>Radius: 24, padding: 24/20</span>
+                <span tuiSubtitle>Radius: 24, padding: 24</span>
             </h2>
         </header>
 
@@ -32,7 +32,7 @@ <h2 tuiTitle>
         <header tuiHeader>
             <h2 tuiTitle>
                 Compact
-                <span tuiSubtitle>Radius: 16, padding: 20/16</span>
+                <span tuiSubtitle>Radius: 16, padding: 20</span>
             </h2>
         </header>
 
@@ -59,7 +59,7 @@ <h4>iOS/Android</h4>
         <header tuiHeader="xs">
             <h2 tuiTitle>
                 Normal
-                <span tuiSubtitle>Radius: 24, padding: 20/16</span>
+                <span tuiSubtitle>Radius: 24, padding: 20</span>
             </h2>
         </header>
 
@@ -83,7 +83,7 @@ <h2 tuiTitle>
         <header tuiHeader="xs">
             <h2 tuiTitle>
                 Compact
-                <span tuiSubtitle>Radius: 16, padding: 16/14</span>
+                <span tuiSubtitle>Radius: 16, padding: 16</span>
             </h2>
         </header>