Quartz sync: May 17, 2025, 11:24 AM

Author: codeyoma

CNAME

@@ -96,15 +96,12 @@ export default ((userOpts?: Partial<Options>) => {
                 </button>
                 <button
                     type="button"
-                    class="title-button desktop-explorer"
-                    // yoma - hide arrow button
-                    // class="title-button explorer-toggle desktop-explorer"
+                    class="title-button explorer-toggle desktop-explorer"
                     data-mobile={false}
                     aria-expanded={true}
                 >
                     <h2>{opts.title ?? i18n(cfg.locale).components.explorer.title}</h2>
-                    {/* yoma - hide arrow button */}
-                    {/* <svg
+                    <svg
                         xmlns="http://www.w3.org/2000/svg"
                         width="14"
                         height="14"
@@ -117,7 +114,7 @@ export default ((userOpts?: Partial<Options>) => {
                         class="fold"
                     >
                         <polyline points="6 9 12 15 18 9"></polyline>
-                    </svg> */}
+                    </svg>
                 </button>
                 <div class="explorer-content" aria-expanded={false}>
                     <OverflowList class="explorer-ul" />

quartz/components/Explorer.tsx

@@ -3,10 +3,6 @@ footer {
     margin-bottom: 4rem;
     opacity: 0.7;
 
-    & p {
-        font-size: x-small;
-    }
-
     & ul {
         list-style: none;
         margin: 0;

quartz/components/styles/footer.scss

@@ -1,3 +1,22 @@
 @use "./base.scss";
 
 // put your custom CSS here!
+footer {
+    text-align: left;
+    margin-bottom: 4rem;
+    opacity: 0.7;
+
+    & p {
+        font-size: x-small;
+    }
+
+    & ul {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        display: flex;
+        flex-direction: row;
+        gap: 1rem;
+        margin-top: -1rem;
+    }
+}