From 6659e0cdb55096e2b51cc45b02b36f7fb3feb260 Mon Sep 17 00:00:00 2001
From: Zach Gollwitzer <zach.gollwitzer@gmail.com>
Date: Sat, 26 Apr 2025 21:11:23 -0400
Subject: [PATCH] Button cleanup

---
 app/assets/tailwind/maybe-design-system.css | 79 ---------------------
 app/views/imports/_ready.html.erb           |  2 +-
 app/views/pages/dashboard.html.erb          | 15 ++--
 3 files changed, 10 insertions(+), 86 deletions(-)

diff --git a/app/assets/tailwind/maybe-design-system.css b/app/assets/tailwind/maybe-design-system.css
index d0adda36..25f2fcc1 100644
--- a/app/assets/tailwind/maybe-design-system.css
+++ b/app/assets/tailwind/maybe-design-system.css
@@ -279,85 +279,6 @@
 }
 
 @layer components {
-  /* Buttons */
-  .btn {
-    @apply inline-flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium cursor-pointer disabled:cursor-not-allowed focus:outline-gray-500;
-    @apply transition-all duration-300;
-  }
-
-  .btn--primary {
-    @apply button-bg-primary text-white disabled:text-gray-400;
-    @apply hover:button-bg-primary-hover;
-    @apply disabled:button-bg-disabled disabled:hover:button-bg-disabled;
-
-    @variant theme-dark {
-      @apply button-bg-primary fg-primary;
-      @apply hover:button-bg-primary-hover;
-      @apply disabled:button-bg-disabled disabled:hover:button-bg-disabled;
-    }
-  }
-
-  .btn--secondary {
-    @apply button-bg-secondary text-primary;
-    @apply hover:button-bg-secondary-hover;
-
-    @variant theme-dark {
-      @apply text-white;
-      background-color: var(--color-gray-700);
-      &:hover {
-        background-color: var(--color-gray-800);
-      }
-    }
-  }
-
-  .btn--outline {
-    @apply border border-alpha-black-200 text-primary disabled:button-bg-disabled disabled:hover:button-bg-disabled disabled:text-gray-400;
-
-    &:hover {
-      background-color: var(--color-gray-100);
-    }
-
-    @variant theme-dark {
-      @apply border-alpha-white-300 text-white disabled:button-bg-disabled disabled:hover:button-bg-disabled disabled:text-gray-600;
-
-      &:hover {
-        background-color: var(--color-gray-800);
-      }
-    }
-  }
-
-  .btn--ghost {
-    @apply border border-transparent text-primary;
-
-    &:hover {
-      background-color: var(--color-gray-100)
-    }
-
-    @variant theme-dark {
-      @apply fg-primary;
-
-      &:hover {
-        background-color: var(--color-gray-900);
-      }
-    }
-  }
-
-  .btn--outline-destructive {
-    @apply border border-red-500 text-red-500 hover:bg-gray-50;
-
-    @variant theme-dark {
-      @apply border-red-400 text-red-400 hover:button-bg-destructive-hover;
-    }
-  }
-
-  .btn--destructive {
-    @apply button-bg-destructive text-white hover:button-bg-destructive-hover disabled:button-bg-disabled disabled:hover:button-bg-disabled disabled:text-red-400;
-
-    @variant theme-dark {
-      @apply button-bg-destructive text-white hover:button-bg-destructive-hover disabled:button-bg-disabled disabled:hover:button-bg-disabled;
-    }
-  }
-
   /* Forms */
   .form-field {
     @apply flex flex-col gap-1 relative px-3 py-2 rounded-md border bg-container border-secondary shadow-xs w-full;
diff --git a/app/views/imports/_ready.html.erb b/app/views/imports/_ready.html.erb
index 0abace0e..e6dd7f0c 100644
--- a/app/views/imports/_ready.html.erb
+++ b/app/views/imports/_ready.html.erb
@@ -35,5 +35,5 @@
     </div>
   </div>
 
-  <%= render ButtonComponent.new(text: "Publish import", href: publish_import_path(import)) %>
+  <%= render ButtonComponent.new(text: "Publish import", href: publish_import_path(import), full_width: true) %>
 </div>
diff --git a/app/views/pages/dashboard.html.erb b/app/views/pages/dashboard.html.erb
index 6913e2c2..fdd3d1d4 100644
--- a/app/views/pages/dashboard.html.erb
+++ b/app/views/pages/dashboard.html.erb
@@ -5,12 +5,15 @@
       <p class="text-gray-500">Here's what's happening with your finances</p>
     </div>
 
-    <%= render LinkComponent.new(
-      variant: "icon-inverse",
-      icon: "plus",
-      href: new_account_path(step: "method_select", classification: "asset"),
-      open_in: :modal
-    ) %>
+    <div class="md:hidden">
+      <%= render LinkComponent.new(
+        variant: "icon-inverse",
+        icon: "plus",
+        href: new_account_path(step: "method_select", classification: "asset"),
+        open_in: :modal,
+        rounded: true
+      ) %>
+    </div>
   </div>
 <% end %>