fix(web): fix inner html with LogViewer (#1636)

* fix(web): fix inner html with LogViewer
labring · Nov 2, 2023 · 46bcf42 · 46bcf42
1 parent fa726a1
commit 46bcf42
Show file tree

Hide file tree

Showing 14 changed files with 329 additions and 107 deletions.
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -19,6 +19,7 @@
     "@chakra-ui/react": "^2.6.1",
     "@emotion/react": "^11.11.0",
     "@emotion/styled": "^11.11.0",
+    "@patternfly/react-log-viewer": "^5.0.0",
     "@sentry/integrations": "^7.73.0",
     "@sentry/react": "^7.73.0",
     "@tanstack/react-query": "^4.29.7",

diff --git a/web/src/App.css b/web/src/App.css
@@ -40,9 +40,8 @@ body {
   background-position: center !important;
   font-variant-numeric: lining-nums;
   font-size: 12px;
-  font-family: -apple-system, BlinkMacSystemFont, 
-              "PingFang SC", "Segoe UI", Helvetica, Arial, 
-              "PingFang SC", 'Noto Sans SC', sans-serif !important;
+  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", Helvetica, Arial,
+    "PingFang SC", "Noto Sans SC", sans-serif !important;
 }
 
 [data-theme="light"] body {
@@ -76,19 +75,25 @@ a {
 }
 
 @font-face {
-  font-family: 'Noto Sans SC';
+  font-family: "Noto Sans SC";
   font-display: swap;
   font-weight: 400;
-  src: url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.eot'), /* IE9 Compat Modes */
-       url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.woff2') format('woff2'), /* Super Modern Browsers */
-       url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.woff') format('woff'), /* Modern Browsers */
-       url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.svg#NotoSans SC') format('svg'); /* Legacy iOS */
+  src: url("//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.eot"),
+    /* IE9 Compat Modes */
+      url("//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.eot?#iefix")
+      format("embedded-opentype"),
+    /* IE6-IE8 */ url("//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.woff2")
+      format("woff2"),
+    /* Super Modern Browsers */
+      url("//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.woff") format("woff"),
+    /* Modern Browsers */ url("//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.ttf")
+      format("truetype"),
+    /* Safari, Android, iOS */
+      url("//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.svg#NotoSans SC") format("svg"); /* Legacy iOS */
 }
 
 @font-face {
-  font-family: 'Noto Sans SC';
+  font-family: "Noto Sans SC";
   font-weight: 500 600;
-  src: url('/fonts/NotoSansSC-Medium.ttf');
+  src: url("/fonts/NotoSansSC-Medium.ttf");
 }
diff --git a/web/src/components/DateRangePicker/index.css b/web/src/components/DateRangePicker/index.css
@@ -1,4 +1,4 @@
 .rdp-day_selected {
-  background-color: #00A9A6 !important;
+  background-color: #00a9a6 !important;
   color: white !important;
-}
+}
diff --git a/web/src/components/IconText/index.module.scss b/web/src/components/IconText/index.module.scss
@@ -1,12 +1,10 @@
 .iconText {
-
-  color: #7B838B;
+  color: #7b838b;
 
   svg {
-    fill: #7B838B !important;
+    fill: #7b838b !important;
   }
 
-
   &:hover {
     color: var(--chakra-colors-grayModern-600);
     svg {