Merge pull request 'devel' (#291) from devel into main

Reviewed-on: #291

assets/css/app.css

@@ -26,37 +26,34 @@
   #site-header {
     @apply block px-3 py-6 bg-gradient-to-r from-slate-900 to-slate-950 text-white print:hidden;
 
-    nav ul {
-       @apply flex gap-3;
+    & nav ul {
+      @apply flex;
 
-       a { @apply p-3 rounded hover:bg-primary-500 transition; }
+      & a { @apply p-3 rounded hover:bg-primary-500 transition; }
     }
   }
 
   #primary-sidebar {
     @apply col-span-1;
 
-    nav {
-      @apply flex flex-col md:flex-row lg:flex-col mb-6 lg:mb-0;
+    & nav {
+      @apply flex md:flex-row lg:flex-col mb-6 lg:mb-0;
     }
 
     .menu {
       @apply flex-1;
-
-      h2 {
-        @apply font-bold;
-      }
     }
   }
 
   #site-content {
     @apply grid grid-cols-1 lg:grid-cols-5 gap-0 lg:gap-12;
+    @apply px-3 sm:px-0;
 
-    #secondary-sidebar {
+    > #secondary-sidebar {
       @apply col-span-1;
     }
 
-    #content-wrapper {
+    > #content-wrapper {
       @apply col-span-4;
     }
   }

lib/chiya_web/components/layouts/root_public.html.heex

@@ -72,19 +72,9 @@
 
     <main id="site-content" class="container print:hidden">
       <aside id="primary-sidebar">
-        <nav>
+        <nav class="prose">
           <div class="menu">
-            <h2>Pages</h2>
-
-            <ul>
-              <li><a href={~p"/wiki"}>Wiki</a></li>
-              <li><a href={~p"/about"}>About</a></li>
-              <li><a href={~p"/bookmarks"}>Bookmarks</a></li>
-            </ul>
-          </div>
-
-          <div class="menu">
-            <h2>Channels</h2>
+            <strong>Channels</strong>
 
             <ul>
               <%= for channel <- @channels do %>
@@ -98,7 +88,7 @@
           </div>
 
           <div class="menu">
-            <h2>Elsewhere</h2>
+            <strong>Elsewhere</strong>
 
             <ul>
               <%= for identity <- @public_identities do %>

lib/chiya_web/components/public_components.ex

@@ -6,12 +6,6 @@ defmodule ChiyaWeb.PublicComponents do
     router: ChiyaWeb.Router,
     statics: ChiyaWeb.static_paths()
 
-  import ChiyaWeb.Format
-  import ChiyaWeb.Markdown, only: [render: 1]
-  import Phoenix.HTML, only: [raw: 1]
-
-  import ChiyaWeb.DarkModeToggle
-
   @doc """
   Renders a [Hero Icon](https://heroicons.com).