feat: use btn-primary

src/components/PaginationBar.vue

@@ -40,7 +40,7 @@ function gotoPage(pageNum: number) {
         <div v-if="total && limit" class="btn-group">
             <button v-for="{ page, color } in pages" :key="page"
                 class="btn bg-gray-100 text-gray-500 hover:text-white border-none dark:bg-gray-800 dark:text-white" :class="{
-                    '!bg-primary text-white': color === 'btn-primary',
+                    '!btn-primary': color === 'btn-primary',
                 }" @click="gotoPage(page)">
                 {{ page }}
             </button>

src/modules/[chain]/staking/index.vue

@@ -302,7 +302,7 @@ loadAvatars();
                 <label
                   v-else
                   for="delegate"
-                  class="btn btn-xs rounded !bg-primary capitalize border-none"
+                  class="btn btn-xs btn-primary rounded-sm capitalize"
                   @click="
                     dialog.open('delegate', {
                       validator_address: v.operator_address,

src/style.css

@@ -33,8 +33,4 @@ html[data-theme='dark'] {
 .table th:first-child {
   position: relative;
   z-index: 2;
-}
-
-.btn {
-  @apply rounded;
-}
+}