Use @emotion/css instead of MUI

sippy-platform · Sep 12, 2023 · 5263c28 · 5263c28
1 parent 84fd535
commit 5263c28
Show file tree

Hide file tree

Showing 6 changed files with 95 additions and 448 deletions.
diff --git a/docs/package-lock.json b/docs/package-lock.json
diff --git a/docs/package.json b/docs/package.json
@@ -16,7 +16,7 @@
     "@emotion/styled": "11.11.0",
     "@mui/joy": "5.0.0-beta.5",
     "@reduxjs/toolkit": "1.9.5",
-    "@sippy-platform/valkyrie": "1.0.0-alpha.30",
+    "@sippy-platform/valkyrie": "file:../",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-redux": "8.1.2",

diff --git a/docs/src/app/Icons.tsx b/docs/src/app/Icons.tsx
@@ -60,14 +60,16 @@ export default function Icons() {
             }}
           >
             <Stack gap={3} justifyContent="center" alignItems="center" sx={{ pt: 3, pb: 1 }}>
-              <ValkyrieIcon icon={icon.icon} sx={{ fontSize: 32 }} />
+              <Typography fontSize={32} lineHeight="1rem">
+                <ValkyrieIcon icon={icon.icon} />
+              </Typography>
               <Link
                 overlay
                 href={`/icons/${icon.slug}`}
                 underline="none"
                 color="neutral"
                 sx={{
-                  maxWidth: 'calc(100% - 32px)'
+                  maxWidth: 'calc(100% - 16px)'
                 }}
               >
                 <Typography