fix: md style

gjssss · Feb 20, 2024 · ce317d5 · ce317d5
1 parent 5360862
commit ce317d5
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 12 deletions.
diff --git a/app.vue b/app.vue
@@ -3,14 +3,14 @@
 </script>
 
 <template>
-  <div class="font-sans">
+  <div class="relative min-h-screen flex flex-col font-sans">
     <header>
       <Navigation />
     </header>
-    <main class="ma max-w-65ch">
+    <main class="mxa flex-1 <sm:w-90% sm:max-w-65ch">
       <NuxtPage />
     </main>
-    <footer class="ma max-w-65ch">
+    <footer class="mxa <sm:w-90% sm:max-w-65ch">
       <FooterContent />
     </footer>
     <div id="__transition" />

diff --git a/assets/markdown.scss b/assets/markdown.scss
@@ -28,6 +28,11 @@
     margin-bottom: 0.5rem;
   }
 
+  hr {
+    border-color: var(--light-8);
+    border-style: dashed;
+  }
+
   p,
   blockquote {
     margin-bottom: 1.5rem;
@@ -76,6 +81,8 @@
     border-radius: 0.375rem;
     padding: 0.8rem 1.2rem;
     background-color: var(--light-3);
+    overflow-x: auto;
+    margin-bottom: 0.8rem;
   }
 
   blockquote {

diff --git a/assets/style.scss b/assets/style.scss
@@ -1,13 +1,5 @@
 @use 'sass:color';
 
-html,
-body,
-#__nuxt {
-  height: 100vh;
-  margin: 0;
-  padding: 0;
-}
-
 html {
   background: var(--bg-color);
   color: var(--text-color);

diff --git a/pages/[...path].vue b/pages/[...path].vue
@@ -7,7 +7,7 @@ const { data, error } = useAsyncData(path, () => queryContent(path).findOne())
 </script>
 
 <template>
-  <article class="prose px-4">
+  <article class="prose w-full">
     <div v-if="error">
       404 Not Found
     </div>