fix: alert line size

CyanSalt · Jul 13, 2023 · 60123b9 · 60123b9
1 parent a85e2d5
commit 60123b9
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 2 deletions.
diff --git a/docs/.vitepress/theme/style.scss b/docs/.vitepress/theme/style.scss
@@ -35,6 +35,7 @@
   }
   th, td {
     border: revert;
+    font-size: inherit;
   }
   th {
     color: revert;

diff --git a/src/alert/index.vue b/src/alert/index.vue
@@ -103,6 +103,9 @@ function draw(rc: RoughSVG, svg: SVGSVGElement) {
   padding-inline: calc(var(--r-common-box-padding-inline) + var(--r-alert-line-length) / 2);
   color: var(--r-alert-color);
   text-align: center;
+  :deep(.r-graphics) {
+    font-size: inherit;
+  }
   &.is-inline {
     display: inline-block;
   }

diff --git a/src/button/index.vue b/src/button/index.vue
@@ -101,6 +101,9 @@ function draw(rc: RoughSVG, svg: SVGSVGElement) {
   text-align: center;
   cursor: pointer;
   text-decoration-thickness: calc(var(--r-button-border-width) + 1px);
+  :deep(.r-graphics) {
+    font-size: inherit;
+  }
   &:hover {
     --r-button-border-dash: 8px;
   }

diff --git a/src/table/index.vue b/src/table/index.vue
@@ -184,8 +184,6 @@ function draw(rc: RoughSVG, svg: SVGSVGElement) {
   td, th {
     padding-block: var(--r-common-box-padding-block);
     padding-inline: var(--r-common-box-padding-inline);
-    color: var(--r-button-color);
-    font-size: var(--r-common-font-size);
   }
 }
 </style>