From c1c04915f19ed2b15d9ec153d52c0c42e71324a3 Mon Sep 17 00:00:00 2001
From: PatrikBird <52401692+PatrikBird@users.noreply.github.com>
Date: Wed, 20 Dec 2023 16:34:01 +0700
Subject: [PATCH] fix: border styles on table action button

---
 package.json                      | 2 +-
 src/components/TableActionBtn.vue | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 36b7f2d..653ce4a 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "private": true,
   "packageManager": "pnpm@8.12.0",
   "scripts": {
-    "dev": "vite --open",
+    "dev": "vite",
     "lint": "eslint .",
     "types": "vue-tsc --noEmit",
     "build": "vite build",
diff --git a/src/components/TableActionBtn.vue b/src/components/TableActionBtn.vue
index af4e246..79c49bc 100644
--- a/src/components/TableActionBtn.vue
+++ b/src/components/TableActionBtn.vue
@@ -1,8 +1,7 @@
 <template>
   <button
     type="button"
-    class="rounded-md px-1.5 py-1 text-sm font-medium shadow-sm bg-white dark:bg-zinc-800 hover:bg-zinc-200
-    dark:hover:bg-zinc-700 focus:(outline-none ring-1 ring-blue-500)"
+    class="rounded-md px-1.5 py-1 mx-0.5 text-sm bg-transparent border border-transparent hover:(border border-1 border-zinc-500)"
   >
     <slot />
   </button>