fix(Flex): add margin auto offset (#7426)

* fix(Flex): margin auto offset * CHORE: Update screenshots --------- Co-authored-by: GitHub Action <[email protected]>
VKCOM · Aug 26, 2024 · 0792816 · 0792816
1 parent 750f343
commit 0792816
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 13 deletions.
diff --git a/packages/vkui/src/components/Flex/Flex.e2e-playground.tsx b/packages/vkui/src/components/Flex/Flex.e2e-playground.tsx
@@ -10,7 +10,7 @@ export const FlexPlayground = (props: ComponentPlaygroundProps) => {
       propSets={[
         {
           children: [[<ChildNode key="1" />, <ChildNode key="2" />]],
-          gap: ['m'],
+          gap: ['m', undefined],
           margin: ['auto'],
         },
         {

diff --git a/...nents/Flex/__image_snapshots__/flex-rendering-android-chromium-light-1-snap.png b/...nents/Flex/__image_snapshots__/flex-rendering-android-chromium-light-1-snap.png
diff --git a/.../components/Flex/__image_snapshots__/flex-rendering-ios-webkit-light-1-snap.png b/.../components/Flex/__image_snapshots__/flex-rendering-ios-webkit-light-1-snap.png
diff --git a/...ponents/Flex/__image_snapshots__/flex-rendering-vkcom-chromium-light-1-snap.png b/...ponents/Flex/__image_snapshots__/flex-rendering-vkcom-chromium-light-1-snap.png
diff --git a/...mponents/Flex/__image_snapshots__/flex-rendering-vkcom-firefox-light-1-snap.png b/...mponents/Flex/__image_snapshots__/flex-rendering-vkcom-firefox-light-1-snap.png
diff --git a/...omponents/Flex/__image_snapshots__/flex-rendering-vkcom-webkit-light-1-snap.png b/...omponents/Flex/__image_snapshots__/flex-rendering-vkcom-webkit-light-1-snap.png
diff --git a/packages/vkui/src/styles/constants.css b/packages/vkui/src/styles/constants.css
@@ -80,8 +80,8 @@
   --vkui_internal--z_index_horizontal_scroll_arrow: 1;
 
   /* Layout Gaps */
-  --vkui_internal--row_gap: 0;
-  --vkui_internal--column_gap: 0;
+  --vkui_internal--row_gap: 0px;
+  --vkui_internal--column_gap: 0px;
 }
 
 @supports (padding-top: constant(safe-area-inset-top)) {