x-star-design 0.0.33 → 0.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -115,7 +115,9 @@ var CodeDetailModal = function CodeDetailModal(_ref) {
115
115
  onCancel: onCancel,
116
116
  width: 800,
117
117
  footer: null
118
- }, props), /*#__PURE__*/React.createElement(Table, {
118
+ }, props, {
119
+ className: "".concat(prefix, "codeDetailModal")
120
+ }), /*#__PURE__*/React.createElement(Table, {
119
121
  pagination: false,
120
122
  columns: columns,
121
123
  dataSource: [codeData],
@@ -125,10 +127,7 @@ var CodeDetailModal = function CodeDetailModal(_ref) {
125
127
  icon: /*#__PURE__*/React.createElement(DownloadOutlined, null),
126
128
  href: codeData === null || codeData === void 0 ? void 0 : codeData.source
127
129
  }, t('Download_File')) : /*#__PURE__*/React.createElement(CodeMirrorWrapper, {
128
- style: {
129
- height: '50vh',
130
- minHeight: 200
131
- },
130
+ className: "".concat(prefix, "codeMirror"),
132
131
  lang: codeData === null || codeData === void 0 ? void 0 : codeData.language,
133
132
  theme: Theme.LIGHT,
134
133
  value: codeData === null || codeData === void 0 ? void 0 : codeData.source,
@@ -57,7 +57,7 @@
57
57
  bottom: 0;
58
58
  border-left: 4px transparent solid;
59
59
  transform: translate(-2px);
60
- z-index: 90;
60
+ z-index: 98;
61
61
  transition: color 0.3s, background 0.3s, border 0.3s;
62
62
  cursor: col-resize;
63
63
  }
@@ -71,7 +71,7 @@
71
71
  .x-star-design-draggable-mask {
72
72
  position: absolute;
73
73
  inset: 0;
74
- z-index: 91;
74
+ z-index: 99;
75
75
  }
76
76
 
77
77
  .x-star-design-draggable-children {
@@ -403,15 +403,20 @@
403
403
  width: 100%;
404
404
  }
405
405
 
406
- .x-star-design-codeCompileResult {
406
+ .x-star-design-codeDetailModal .x-star-design-codeCompileResult {
407
407
  padding: 10px 20px;
408
408
  background-color: #fafafa;
409
409
  border: 1px solid #e3e3e3;
410
410
  border-radius: 3px;
411
411
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
412
- min-height: 100%;
413
412
  overflow: auto;
414
413
  margin-top: 1%;
414
+ min-height: 200px;
415
+ height: 50vh;
416
+ }
417
+ .x-star-design-codeDetailModal .x-star-design-codeMirror {
418
+ min-height: 200px;
419
+ height: 50vh;
415
420
  }
416
421
 
417
422
  .x-star-design-contactButtonCard {
@@ -431,8 +436,7 @@
431
436
 
432
437
  .x-star-design-errorPage {
433
438
  position: relative;
434
- width: 100vw;
435
- height: calc(87vh - 64px);
439
+ height: calc(100vh - 64px);
436
440
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
437
441
  }
438
442
  .x-star-design-errorPage .hello {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "x-star-design",
3
- "version": "0.0.33",
3
+ "version": "0.0.35",
4
4
  "description": "A react component library developed by turingstar",
5
5
  "license": "MIT",
6
6
  "module": "dist/index.js",