fix(Panel): background color layout=card (#5888)

VKCOM · Sep 29, 2023 · 42500e4 · 42500e4
1 parent eee9d31
commit 42500e4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/packages/vkui/src/components/Panel/Panel.module.css b/packages/vkui/src/components/Panel/Panel.module.css
@@ -166,6 +166,11 @@
   background-color: var(--vkui--color_background_content);
 }
 
+.Panel--layout-card .Panel__in,
+.Panel--layout-card::before {
+  background-color: var(--vkui--color_background);
+}
+
 .Panel--sizeX-regular .Panel__in,
 .Panel--sizeX-regular::before {
   background-color: transparent;
@@ -177,9 +182,3 @@
     background-color: transparent;
   }
 }
-
-/* В AppRoot была установлена layout настройка  */
-.Panel--layoutSetting .Panel__in,
-.Panel--layoutSetting::before {
-  background-color: transparent;
-}
diff --git a/packages/vkui/src/components/Panel/Panel.tsx b/packages/vkui/src/components/Panel/Panel.tsx
@@ -36,7 +36,7 @@ export const Panel = ({ centered = false, children, nav, ...restProps }: PanelPr
           styles['Panel'],
           sizeXClassNames[sizeX],
           centered && 'vkuiInternalPanel--centered',
-          layout && styles['Panel--layoutSetting'],
+          layout === 'card' && styles['Panel--layout-card'],
         )}
       >
         <Touch