Update border radius sizes

savageserif · Jun 4, 2024 · 25f6d85 · 25f6d85
1 parent b691933
commit 25f6d85
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/components/BaseButton.vue b/src/components/BaseButton.vue
@@ -1,13 +1,13 @@
 <template>
   <button
-    class="flex items-center rounded ring-blue ring-offset-1 ring-offset-gray-100 transition-colors duration-200 hover:duration-0 focus:outline-none focus-visible:ring-2"
+    class="flex items-center ring-blue ring-offset-1 ring-offset-gray-100 transition-colors duration-200 hover:duration-0 focus:outline-none focus-visible:ring-2"
     :class="[
       small ? 'h-6 p-0.5' : 'h-8 p-1',
       $slots.default && !icon ? 'px-2' : '',
       $slots.default && icon ? 'pr-2' : '',
       bordered
         ? 'rounded-outline border border-gray-200 hover:border-gray-700/15 active:border-gray-700/15'
-        : '',
+        : 'rounded',
       disabled ? 'opacity-25' : 'hover:bg-gray-700/15 active:bg-gray-700/20',
     ]"
     :disabled="disabled"

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -51,9 +51,8 @@ export default {
     },
     borderRadius: {
       none: '0',
-      DEFAULT: '0.125rem',
-      sm: '0.125rem',
-      outline: '0.1875rem',
+      DEFAULT: '0.1875rem',
+      outline: '0.21875rem',
     },
     extend: {
       lineHeight: {