fix: text button border

daangn · Jan 21, 2025 · cb33873 · cb33873
1 parent a04e07d
commit cb33873
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 14 deletions.
diff --git a/packages/qvism-preset/src/recipes/text-button.ts b/packages/qvism-preset/src/recipes/text-button.ts
@@ -10,18 +10,18 @@ const textButton = defineRecipe({
     root: {
       display: "inline-flex",
       alignItems: "center",
-      paddingBlock: vars.base.enabled.root.paddingY,
-      paddingInline: 0,
-
+      cursor: "pointer",
       backgroundColor: "transparent",
       boxSizing: "border-box",
-      borderStyle: "solid",
+      border: "none",
+      outline: "none",
 
       WebkitFontSmoothing: "antialiased",
       MozOsxFontSmoothing: "grayscale",
       fontFamily: "inherit",
 
-      cursor: "pointer",
+      paddingInline: 0,
+      paddingBlock: vars.base.enabled.root.paddingY,
 
       [pseudo(disabled)]: {
         color: vars.base.disabled.root.color,

diff --git a/packages/stylesheet/component.css b/packages/stylesheet/component.css
@@ -4130,15 +4130,16 @@
 }
 
 .textButton__root {
-  padding-block: var(--seed-v3-dimension-s0_5);
+  cursor: pointer;
   box-sizing: border-box;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  cursor: pointer;
+  padding-inline: 0;
+  padding-block: var(--seed-v3-dimension-s0_5);
   background-color: #0000;
-  border-style: solid;
+  border: none;
+  outline: none;
   align-items: center;
-  padding-inline: 0;
   font-family: inherit;
   display: inline-flex;
 }

diff --git a/packages/stylesheet/component.min.css b/packages/stylesheet/component.min.css
diff --git a/packages/stylesheet/textButton.css b/packages/stylesheet/textButton.css
@@ -1,15 +1,16 @@
 .textButton__root {
     display: inline-flex;
     align-items: center;
-    padding-block: var(--seed-v3-dimension-s0_5);
-    padding-inline: 0;
+    cursor: pointer;
     background-color: transparent;
     box-sizing: border-box;
-    border-style: solid;
+    border: none;
+    outline: none;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-family: inherit;
-    cursor: pointer;
+    padding-inline: 0;
+    padding-block: var(--seed-v3-dimension-s0_5);
 }
 .textButton__root:is(:disabled, [disabled], [data-disabled]) {
     color: var(--seed-v3-color-fg-disabled);