checkpoint

Author: abrehamgezahegn

typescript/examples/vite_basic/src/App.tsx

@@ -44,7 +44,7 @@ const App = () => {
   useEffect(() => {
     const loadData = async () => {
       try {
-        const response = await fetch("/test_document.json");
+        const response = await fetch("/spacing_test.json");
         const data = await response.json();
         setTestPage(data);
       } catch (error) {
@@ -80,7 +80,7 @@ const App = () => {
           display: "flex",
           justifyContent: "center",
           paddingTop: 160,
-          background: "rgba(0,0,0,0.3)",
+          // background: "rgba(0,0,0,0.3)",
         }}
       >
         <JsonDocRenderer

typescript/src/renderer/styles/base.css

@@ -7,8 +7,6 @@
   max-width: var(--jsondoc-page-max-width);
   max-width: inherit;
   margin: 0 auto;
-  /* padding: var(--jsondoc-page-padding-desktop)
-    var(--jsondoc-page-padding-desktop) var(--jsondoc-page-bottom-padding); */
   color: var(--jsondoc-text-primary);
   font-family: var(--jsondoc-font-family-sans);
 }

typescript/src/renderer/styles/typography.css

@@ -47,8 +47,9 @@
   transition: text-decoration-color var(--jsondoc-transition-fast);
 }
 
-.notion-text-block div {
+.notion-text-block {
   color: var(--jsondoc-text-primary);
+  line-height: var(--jsondoc-line-height-very-loose);
 }
 
 .notion-link:hover {
@@ -58,8 +59,6 @@
 .notion-equation {
   background: var(--jsondoc-bg-inline-code);
   border-radius: var(--jsondoc-radius-sm);
-  padding: 0.2em 0.4em;
-  font-family: var(--jsondoc-font-family-serif);
 }
 
 /* Text Colors */

typescript/src/renderer/styles/variables.css

@@ -114,7 +114,7 @@
 }
 
 .jsondoc-theme-dark {
-  --jsondoc-text-primary: #ffffff;
+  --jsondoc-text-primary: rgba(255, 255, 255, 0.81);
   --jsondoc-text-secondary: rgba(255, 255, 255, 0.65);
   --jsondoc-text-muted: rgba(255, 255, 255, 0.45);
   --jsondoc-border-light: rgba(255, 255, 255, 0.16);