From 6b7bf6f40c70825a25d8f9a4bab550887b472f7f Mon Sep 17 00:00:00 2001
From: Carifio24 <carifio24@gmail.com>
Date: Thu, 19 Jun 2025 01:21:34 -0400
Subject: [PATCH] Make icon button respect border prop.

---
 src/components/IconButton.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/IconButton.vue b/src/components/IconButton.vue
index 57dbf992..f2335535 100644
--- a/src/components/IconButton.vue
+++ b/src/components/IconButton.vue
@@ -92,6 +92,7 @@ const cssVars = computed(() => {
     "--background-color": props.backgroundColor,
     "--focus-color": props.focusColor,
     "--active-color": props.activeColor,
+    "--border": props.border ? "1px solid var(--color)" : "none",
   };
 });
 
@@ -131,7 +132,7 @@ function handleTouchEnd() {
   border-color: var(--color);
   background: var(--background-color);
   padding: 6px 8px;
-  border: 1px solid var(--color);
+  border: var(--border);
   display: flex;
   align-items: center;
   justify-content: center;