Merge pull request #16 from zernonia/1-add-default-icon

add default icon to list

Author: zernonia

src/blocks/helpers/default-page-icon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 30 30" width="20">
+    <path
+      d="M16,1H4v28h22V11L16,1z M16,3.828L23.172,11H16V3.828z M24,27H6V3h8v10h10V27z M8,17h14v-2H8V17z M8,21h14v-2H8V21z M8,25h14v-2H8V25z"
+    ></path>
+  </svg>
+</template>

src/blocks/helpers/page-icon.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useNotionBlock, defineNotionProps } from "@/lib/blockable"
 import { getTextContent } from "@/lib/utils"
+import DefaultPageIcon from "./default-page-icon.vue"
 
 const props = defineProps({ big: Boolean, ...defineNotionProps })
 //@ts-ignore
@@ -32,4 +33,5 @@ export default {
   >
     {{ icon }}
   </span>
+  <DefaultPageIcon class="notion-page-icon" v-else-if="!big"></DefaultPageIcon>
 </template>

src/style.css

@@ -693,7 +693,7 @@ img.notion-page-icon-offset {
   font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol",
     "Android Emoji", EmojiSymbols;
   font-size: 1.1em;
-  margin: 2px 4px 0 2px;
+  margin: 0 6px 0 2px;
   fill: var(--fg-color-6);
   color: var(--fg-color-icon);
 }