feat: ✨ make icons and button smaller (#127)

Author: jimmy-guzman

bun.lockb

@@ -36,7 +36,7 @@
     "@iconify-json/logos": "1.2.3",
     "@iconify-json/lucide": "1.2.11",
     "@iconify/tailwind": "1.1.3",
-    "@jimmy.codes/eslint-config": "3.6.0",
+    "@jimmy.codes/eslint-config": "3.6.1",
     "@jimmy.codes/prettier-config": "1.1.0",
     "@playwright/test": "1.48.2",
     "@storybook/addon-a11y": "8.4.1",
@@ -66,7 +66,7 @@
     "eslint": "9.14.0",
     "eslint-plugin-storybook": "0.11.0",
     "gitzy": "5.5.0",
-    "happy-dom": "15.8.5",
+    "happy-dom": "15.9.0",
     "is-ci": "3.0.1",
     "jiti": "2.4.0",
     "knip": "5.36.2",

package.json

@@ -31,10 +31,10 @@ export const ExtLink = ({
     <a
       className={cn(
         {
-          "dsy-btn": variant === "button",
           "dsy-btn-accent": color === "accent",
           "dsy-btn-primary": color === "primary",
           "dsy-btn-secondary": color === "secondary",
+          "dsy-btn dsy-btn-sm": variant === "button",
           "dsy-link-hover dsy-link": variant === "default",
         },
         className,

src/components/ext-link.tsx

@@ -5,12 +5,12 @@ export const Home = () => {
     <div className="grid min-h-screen place-content-center">
       <div className="dsy-hero">
         <div className="dsy-hero-content flex-col gap-8">
-          <div className="flex gap-4">
-            <span className="icon-[logos--bun] text-5xl md:text-7xl" />
-            <span className="icon-[logos--vitejs] text-5xl md:text-7xl" />
-            <span className="icon-[logos--react] text-5xl md:text-7xl" />
-            <span className="icon-[logos--typescript-icon] text-5xl md:text-7xl" />
-            <span className="icon-[logos--tailwindcss-icon] text-5xl md:text-7xl" />
+          <div className="flex gap-4 text-4xl md:text-6xl">
+            <span className="icon-[logos--bun]" />
+            <span className="icon-[logos--vitejs]" />
+            <span className="icon-[logos--react]" />
+            <span className="icon-[logos--typescript-icon]" />
+            <span className="icon-[logos--tailwindcss-icon]" />
           </div>
           <div className="flex flex-col gap-4 text-center">
             <h1 className="inline bg-gradient-to-r from-primary to-secondary bg-clip-text text-8xl font-bold text-transparent">