style: replace MUI styles with tailwind

regen-network · Nov 6, 2024 · b82891c · b82891c
1 parent c68ad21
commit b82891c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/tailwind.css b/tailwind.css
@@ -346,7 +346,18 @@
     --sc-text-paragraph: var(--ac-neutral-200);
   }
 
+  /* 
+    Custom CSS classes that mimic the behavior of some Tailwind 
+    utility classes that currently don't work due to preflight being disabled.
+    See tailwind.common.js
+  */
   .bg-transparent {
     background-color: transparent;
   }
+  .space-x-2 > * + * {
+    margin-left: 0.5rem;
+  }
+  .space-x-4 > * + * {
+    margin-left: 1rem;
+  }
 }
diff --git a/web-components/src/components/icons/ShareIcons.tsx b/web-components/src/components/icons/ShareIcons.tsx
@@ -71,16 +71,7 @@ export default function ShareIcons({
 
   return (
     <>
-      <Grid
-        container
-        className={classes.root}
-        spacing={2}
-        sx={{
-          [theme.breakpoints.up('md')]: {
-            gap: theme.spacing(4),
-          },
-        }}
-      >
+      <Grid container className={cn(classes.root, 'space-x-2 lg:space-x-4')}>
         <Grid item>
           <a
             href={`https://twitter.com/intent/tweet?url=${url}&text=${twitterShare}`}