fix: #85

saadeghi · Jun 16, 2021 · dfed3b4 · dfed3b4
1 parent 0fd3a36
commit dfed3b4
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/src/colors/themes.js b/src/colors/themes.js
@@ -120,8 +120,8 @@ module.exports = {
     "warning": "#ff9900",
     "error": "#ff5724",
     "--rounded-box": "1rem",
-    "--rounded-btn": "9999px",
-    "--rounded-badge": "9999px",
+    "--rounded-btn": "1.9rem",
+    "--rounded-badge": "1.9rem",
     "--tab-border": "2px"
   },
   "[data-theme=cyberpunk]": {
@@ -259,7 +259,7 @@ module.exports = {
     "base-200": "#110e0e",
     "base-300": "#060404",
     "base-content": "#ffffff",
-    "--rounded-btn": "9999px",
+    "--rounded-btn": "1.9rem",
     "info": "#66c6ff",
     "success": "#87d039",
     "warning": "#e2d562",
@@ -288,7 +288,7 @@ module.exports = {
     "error": "#ff5724",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
-    "--rounded-badge": "9999px"
+    "--rounded-badge": "1.9rem"
   },
   "[data-theme=halloween]": {
     "primary": "#f28c18",
@@ -335,7 +335,7 @@ module.exports = {
     "error": "#ff5724",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
-    "--rounded-badge": "9999px",
+    "--rounded-badge": "1.9rem",
     "--animation-btn": "0.25s",
     "--animation-input": ".4s",
     "--padding-card": "2rem",
@@ -435,8 +435,8 @@ module.exports = {
     "warning": "#ff9900",
     "error": "#ff5724",
     "--rounded-box": "1rem",
-    "--rounded-btn": "9999px",
-    "--rounded-badge": "9999px"
+    "--rounded-btn": "1.9rem",
+    "--rounded-badge": "1.9rem"
   },
   "[data-theme=retro]": {
     "fontFamily": "uisecondaryerif,Georgia,Cambria,Times New Roman,Times,serif",
@@ -508,8 +508,8 @@ module.exports = {
     "warning": "#ff9900",
     "error": "#ff5724",
     "--rounded-box": "1rem",
-    "--rounded-btn": "9999px",
-    "--rounded-badge": "9999px"
+    "--rounded-btn": "1.9rem",
+    "--rounded-badge": "1.9rem"
   },
   "[data-theme=wireframe]": {
     "fontFamily": "Chalkboard,comic sans ms,\"sanssecondaryerif\"",

diff --git a/src/docs/pages/docs/add-themes.vue b/src/docs/pages/docs/add-themes.vue
@@ -62,7 +62,7 @@
       <div class="shadow-lg mockup-code">
         <pre><code>'--rounded-box': '1rem',        <span class="text-neutral-content text-opacity-20">/* border-radius for cards and other big elements */</span>
     '--rounded-btn': '0.5rem',      <span class="text-neutral-content text-opacity-20">/* border-radius for buttons and similar elements */</span>
-    '--rounded-badge': '9999px',    <span class="text-neutral-content text-opacity-20">/* border-radius for badge and other small elements */</span>
+    '--rounded-badge': '1.9rem',    <span class="text-neutral-content text-opacity-20">/* border-radius for badge and other small elements */</span>
 
     '--animation-btn': '0.25s',     <span class="text-neutral-content text-opacity-20">/* bounce animation time for button */</span>
     '--animation-input': '.4s',     <span class="text-neutral-content text-opacity-20">/* bounce animation time for checkbox, toggle, etc */</span>

diff --git a/src/utilities/global/borderRadius.css b/src/utilities/global/borderRadius.css
@@ -13,5 +13,5 @@
   border-radius: var(--rounded-btn, 0.5rem);
 }
 .rounded-badge {
-  border-radius: var(--rounded-badge, 9999px);
+  border-radius: var(--rounded-badge, 1.9rem);
 }