fix overflow

viperML · Jul 6, 2024 · 3323015 · 3323015
1 parent 8b90676
commit 3323015
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 1 deletion.
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
@@ -11,7 +11,6 @@ export async function getStaticPaths() {
 
 const { entry } = Astro.props;
 const { Content, headings, remarkPluginFrontmatter } = await entry.render();
-console.log(headings);
 
 import Base from "../../layouts/Base.astro";
 import Footer from "../../components/Footer.astro";
@@ -61,6 +60,8 @@ import Footer from "../../components/Footer.astro";
     #content {
       /* max-width: 100%; */
       grid-column: 1 / span 2;
+
+      overflow: auto; /* why??? */
     }
 
     #sidebar {

diff --git a/src/styles/base.css b/src/styles/base.css
@@ -46,6 +46,7 @@ h3 {
 }
 
 h4 {
+    font-weight: 800;
     color: rgb(57, 57, 57);
 }
 
@@ -58,3 +59,32 @@ h3:hover {
 a:hover {
     text-decoration: underline;
 }
+
+ul {
+    list-style-type: disc;
+}
+
+ol {
+    list-style: decimal;
+}
+
+ul,
+ol {
+    padding-left: 1.5rem;
+}
+
+
+p>code {
+    background-color: rgba(44, 44, 44, 0.246);
+    box-sizing: border-box;
+    padding: 0.2rem 0.3rem;
+    border-radius: 0.2rem;
+}
+
+hr {
+    /* border: 3px solid rgb(255, 0, 0); */
+    border-radius: 5px;
+    padding: 3px 0;
+    background-color: red;
+    margin: 2rem 3rem;
+}