style(@leav/ui): use DS variable to custom style

leav-solutions · Nov 4, 2024 · 44bfd5c · 44bfd5c
1 parent cc66842
commit 44bfd5c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/apps/data-studio/src/components/LibraryHome/LibraryHome.tsx b/apps/data-studio/src/components/LibraryHome/LibraryHome.tsx
@@ -32,8 +32,8 @@ interface ILibraryHomeProps {
 const ExplorerContainerDivStyled = styled.div`
     --headerSize: 48px;
 
-    padding: 24px;
-    background-color: #f4f7ff;
+    padding: calc(var(--general-spacing-l) * 1px);
+    background-color: var(--general-colors-primary-50);
     height: calc(100vh - var(--headerSize));
 `;
 

diff --git a/libs/ui/src/components/Explorer/Explorer.tsx b/libs/ui/src/components/Explorer/Explorer.tsx
@@ -30,7 +30,7 @@ const ExplorerHeaderDivStyled = styled.div`
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding-bottom: 8px;
+    padding-bottom: calc(var(--general-spacing-xs) * 1px);
 `;
 
 export const Explorer: FunctionComponent<IExplorerProps> = ({