refactor

Author: nooobcoder

components/NotionPage.tsx

@@ -241,10 +241,10 @@ export const NotionPage: React.FC<types.PageProps> = ({
   if (block.type === 'page' && block.parent_table === 'collection') {
     comments = (
       <ReactUtterances
-        repo='transitive-bullshit/transitivebullsh.it'
+        repo='ankurpaulcoder/nooobcoder-blog'
         issueMap='issue-term'
         issueTerm='title'
-        label='blog'
+        label='blog-comment'
         theme='preferred-color-scheme'
       />
     )

site.config.ts

@@ -9,15 +9,15 @@ export default siteConfig({
   rootNotionSpaceId: null,
 
   // basic site info (required)
-  name: `A noob's blog`,
+  name: `Ankur Paul's blog`,
   domain: 'nooobcoder-blog.vercel.app',
   author: 'Ankur Paul',
 
   // open graph metadata (optional)
   description: 'Not so noob, kinda blogs 🧠',
 
   // social usernames (optional)
-  twitter: 'ankurpauldotdev',
+  twitter: 'hundredwpmcoder',
   github: 'nooobcoder',
   linkedin: 'ankur-paul-888b4411b',
   isSearchEnabled: true,
@@ -27,7 +27,7 @@ export default siteConfig({
   // page-specific values will override these site-wide defaults
   defaultPageIcon: null,
   defaultPageCover: null,
-  defaultPageCoverPosition: 0.5,
+  defaultPageCoverPosition: 0.8,
 
   // whether or not to enable support for LQIP preview images (optional)
   isPreviewImageSupportEnabled: true,
@@ -55,6 +55,6 @@ export default siteConfig({
     {
       title: 'About',
       pageId: '264a3bda6a4548748f8e472131ae9dc6'
-    },
+    }
   ]
 })

styles/notion.css

@@ -378,3 +378,30 @@
 .notion-block-260baa77f1e1428b97fb14ac99c7c385 {
   display: none;
 }
+
+@media (min-width: 1300px) and (min-height: 300px) {
+  .notion-page-content-has-aside {
+    width: calc((100vw + var(--notion-max-width)) / 2 - 12px);
+  }
+}
+
+@media (min-width: 1300px) and (min-height: 300px) {
+  .notion-page-content-has-aside .notion-page-content-inner {
+    width: calc(var(--notion-max-width) - 24px);
+    max-width: calc(var(--notion-max-width) - 24px);
+  }
+}
+
+.notion-aside {
+  overflow-x: hidden;
+  padding-left: 24px; /* Adjust the space between the main content and the table of content here */
+}
+
+.notion-aside-table-of-contents {
+  max-width: 100%;
+}
+
+.notion-aside-table-of-contents .notion-table-of-contents-item-body {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}