feat: add margin to the Giscus Comments

aplosdev · Aug 26, 2024 · 8d86d49 · 8d86d49
1 parent f83e825
commit 8d86d49
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -70,6 +70,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 - The class name for the extra link in the helpful layout
 
+#### Added
+
+- Add margin to the Giscus Comments
+
 #### Changed
 
 - Made article list an flex

diff --git a/src/components/GiscusComments.vue b/src/components/GiscusComments.vue
@@ -2,6 +2,12 @@
   <div id="giscusContainer" />
 </template>
 
+<style lang="scss">
+#giscusContainer {
+  margin: 1.25rem 0;
+}
+</style>
+
 <script setup lang="ts">
 import { useData } from "vitepress";
 import { onMounted } from "vue";