fix(design): Result 500 image and content border-radius

oceanbase · Mar 14, 2024 · 99b9d92 · 99b9d92
1 parent f1f57a2
commit 99b9d92
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/packages/design/src/result/500.tsx b/packages/design/src/result/500.tsx
@@ -12,7 +12,7 @@ const Svg500 = () => (
   >
     <defs>
       <rect
-        id="path-1"
+        id="oceanbase-design-result-500-path-1"
         x="23.4314575"
         y="23.4314575"
         width="113.137085"
@@ -43,9 +43,12 @@ const Svg500 = () => (
             rx="1.20848995"
           ></rect>
         </g>
-        <g id="Clipped" transform="translate(0, 0)">
+        <g transform="translate(0, 0)">
           <mask id="oceanbase-design-result-500-mask-2" fill="white">
-            <use transform="translate(80, 80) rotate(-45) translate(-80, -80)"></use>
+            <use
+              xlinkHref="#oceanbase-design-result-500-path-1"
+              transform="translate(80, 80) rotate(-45) translate(-80, -80)"
+            ></use>
           </mask>
           <g transform="translate(80, 80) rotate(-45) translate(-80, -80)"></g>
           <g mask="url(#oceanbase-design-result-500-mask-2)">

diff --git a/packages/design/src/result/style/index.ts b/packages/design/src/result/style/index.ts
@@ -10,6 +10,7 @@ export const genResultStyle: GenerateStyle<ResultToken> = (token: ResultToken):
     [`${componentCls}`]: {
       [`${componentCls}-content`]: {
         padding: token.paddingLG,
+        borderRadius: token.borderRadiusLG,
       },
     },
   };