fix: add a padding top to make tabs & content fit nicer

pengx17 · Apr 6, 2022 · 04e4bdf · 04e4bdf
1 parent 465c5a7
commit 04e4bdf
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/readme.md b/readme.md
@@ -15,6 +15,8 @@ UX is mainly brought from modern browsers:
 
 ## Keyboard shortcuts
 
+Note: replace <kbd>SHIFT</kbd> with <kbd>CMD</kbd> on macOS
+
 - Pin/unpin a tab: <kbd>CTRL</kbd> + <kbd>P</kbd>
 - Close a tab: <kbd>SHIFT</kbd> + <kbd>CTRL</kbd> + <kbd>W</kbd>
 

diff --git a/src/main.tsx b/src/main.tsx
@@ -15,7 +15,11 @@ function main() {
   [data-active-keystroke=${mac ? "Meta" : "Control"} i]
     :is(.block-ref,.page-ref,a.tag) {
     cursor: n-resize
-  }`);
+  }
+  #main-content-container {
+    padding-top: 64px;
+  }
+  `);
 
   const root = ReactDOM.createRoot(document.getElementById("app")!);
   root.render(