fix

nusuke · Mar 9, 2024 · 89d56cc · 89d56cc
1 parent b432821
commit 89d56cc
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 22 deletions.
diff --git a/src/app/feature/jsonPreview/parentheses.tsx b/src/app/feature/jsonPreview/parentheses.tsx
@@ -28,8 +28,8 @@ export function surroundParentheses(
     <>
       <div className="jsonMiddleWrapper">
         <span className="surroundChar--start">{surroundChars.start}</span>
-        <details open={true} className="jsonObjectWrapper">
-          <summary>
+        <details open={true} className="jsonObjectDetail">
+          <summary className="jsonObjectSummary">
             {surroundChars.start}
             {text.length}
             {surroundChars.end}

diff --git a/src/styles/json-preview.scss b/src/styles/json-preview.scss
@@ -53,10 +53,6 @@ body {
   flex-direction: column;
 }
 
-.jsonObjectWrapper {
-  padding-left: 8px;
-}
-
 .jsonKey {
   color: lightsteelblue;
 
@@ -87,6 +83,7 @@ body {
     &::before,
     &::after {
       content: '"';
+      color: rgb(70, 70, 70);
     }
   }
 }
@@ -95,23 +92,23 @@ body {
   display: flex;
 }
 
+.jsonObject {
+  &Detail {
+    padding-left: 8px;
+  }
+
+  &Summary {
+    color: rgb(70, 70, 70);
+    // font-size: small;
+  }
+}
+
 .jsonMiddle {
   &Key {
     @extend .jsonKey;
   }
   &Value {
     padding-left: 8px;
-
-    // :not(detail[open]) {
-    //   display: flex;
-    // }
-
-    // .jsonObjectWrapper {
-    //   .jsonObject {
-    //     // position: relative;
-    //     // left: -80px;
-    //   }
-    // }
   }
 
   &Wrapper {
@@ -124,14 +121,10 @@ body {
       left: 2px;
       height: calc(100% - 30px);
       width: 1px;
-      border-left: dotted 1px gray;
+      border-left: dotted 0.5px rgb(70, 70, 70);
     }
   }
 }
-summary {
-  color: gray;
-  // padding-left: 8px;
-}
 
 // FIXME リファクタで場所を移す
 .queryInput {