Removed Notification component and utils for now because they are mor…

…e app-specific. Switched from of tailwind util classes to custom classes to make the component styles easier adjustible. Removed unnecessary utils.
suiware · Jan 4, 2025 · 5e13d23 · 5e13d23
1 parent d34198d
commit 5e13d23
Show file tree

Hide file tree

Showing 11 changed files with 18 additions and 305 deletions.
diff --git a/packages/kit/src/components/Balance.tsx b/packages/kit/src/components/Balance.tsx
@@ -18,7 +18,7 @@ const Balance = () => {
   }
 
   return (
-    <Badge variant="surface" color="green" className="rounded-lg px-3 py-1.5">
+    <Badge variant="surface" color="green" className="sk-balance-badge">
       {balance} SUI
     </Badge>
   );

diff --git a/packages/kit/src/components/Faucet.tsx b/packages/kit/src/components/Faucet.tsx
@@ -25,7 +25,7 @@ const Faucet = () => {
   return (
     <Button
       variant="surface"
-      className="cursor-pointer rounded-lg px-3 py-1.5"
+      className="sk-faucet-button"
       onClick={() => fund()}
     >
       <HandCoinsIcon />

diff --git a/packages/kit/src/components/NetworkType.tsx b/packages/kit/src/components/NetworkType.tsx
@@ -26,7 +26,7 @@ const NetworkType = () => {
   // @todo Suggest Radix adding a better type for the color.
   /* eslint-disable  @typescript-eslint/no-explicit-any */
   return (
-    <Badge color={color as any} className="rounded-lg px-3 py-1.5">
+    <Badge color={color as any} className="sk-network-badge">
       {networkType || 'disconnected'}
     </Badge>
   )

diff --git a/packages/kit/src/components/Notification.tsx b/packages/kit/src/components/Notification.tsx
diff --git a/packages/kit/src/config/misc.ts b/packages/kit/src/config/misc.ts
diff --git a/packages/kit/src/config/networks.ts b/packages/kit/src/config/networks.ts
diff --git a/packages/kit/src/config/themes.ts b/packages/kit/src/config/themes.ts
diff --git a/packages/kit/src/helpers/notification.tsx b/packages/kit/src/helpers/notification.tsx
diff --git a/packages/kit/src/hooks/useNetworkConfig.tsx b/packages/kit/src/hooks/useNetworkConfig.tsx
diff --git a/packages/kit/src/styles/main.css b/packages/kit/src/styles/main.css
@@ -1,3 +1,15 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer components {
+  .sk-balance-badge {
+    @apply rounded-lg px-3 py-1.5;
+  }
+  .sk-faucet-button {
+    @apply cursor-pointer rounded-lg px-3 py-1.5;
+  }
+  .sk-network-badge {
+    @apply rounded-lg px-3 py-1.5;
+  }
+}
diff --git a/packages/kit/tailwind.config.js b/packages/kit/tailwind.config.js
@@ -9,5 +9,8 @@ module.exports = {
   plugins: [],
   corePlugins: {
     preflight: false,
+  },
+  experimental: {
+    optimizeUniversalDefaults: true,
   }
 }