From 82d2aeebaf53ec8c66c01c3f508eab5cfc4cdc29 Mon Sep 17 00:00:00 2001
From: Inhji <johnnie@posteo.de>
Date: Thu, 30 Mar 2023 22:56:06 +0200
Subject: [PATCH] improve menus

---
 lib/chiya_web/components/admin_components.ex    | 17 +++++++++++++----
 lib/chiya_web/components/layouts/app.html.heex  |  8 +-------
 .../components/layouts/public.html.heex         |  6 ++----
 3 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/lib/chiya_web/components/admin_components.ex b/lib/chiya_web/components/admin_components.ex
index 4731b5a..1e5fb41 100644
--- a/lib/chiya_web/components/admin_components.ex
+++ b/lib/chiya_web/components/admin_components.ex
@@ -65,11 +65,20 @@ defmodule ChiyaWeb.AdminComponents do
 
   def admin_bar(assigns) do
     ~H"""
-    <ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end bg-black">
+    <ul class="relative z-10 flex items-center gap-4 py-1 px-4 sm:px-6 lg:px-8 bg-black">
+      <li>
+        <.link
+          href={~p"/"}
+          class="flex gap-3 text-sm leading-6 text-gray-100 font-semibold hover:text-gray-300"
+        >
+          <span>Chiya</span>
+          <p class="rounded-full bg-emerald-500/10 px-2 text-[0.8125rem] font-medium leading-6 text-emerald-500">
+            v<%= Application.spec(:chiya, :vsn) %>
+          </p>
+        </.link>
+      </li>
+      <li class="flex-1"></li>
       <%= if @current_user do %>
-        <li class="text-xs leading-6 text-gray-100">
-          <%= @current_user.email %>
-        </li>
         <li>
           <.link
             href="#"
diff --git a/lib/chiya_web/components/layouts/app.html.heex b/lib/chiya_web/components/layouts/app.html.heex
index f6f9915..7dd5e54 100644
--- a/lib/chiya_web/components/layouts/app.html.heex
+++ b/lib/chiya_web/components/layouts/app.html.heex
@@ -1,11 +1,5 @@
 <header class="px-4 sm:px-6 lg:px-8">
-  <div class="flex items-center justify-between border-b border-gray-100 dark:border-gray-800 py-3">
-    <div class="flex items-center gap-4">
-      <a href="/" class="text-gray-900 font-semibold dark:text-gray-100">Chiya</a>
-      <p class="rounded-full bg-emerald-500/5 px-2 text-[0.8125rem] font-medium leading-6 text-emerald-500">
-        v<%= Application.spec(:chiya, :vsn) %>
-      </p>
-    </div>
+  <div class="flex items-center justify-end border-b border-gray-100 dark:border-gray-800 py-3">
     <div class="flex items-center gap-4">
       <.link
         href={~p"/admin/notes"}
diff --git a/lib/chiya_web/components/layouts/public.html.heex b/lib/chiya_web/components/layouts/public.html.heex
index 34dbe38..584b614 100644
--- a/lib/chiya_web/components/layouts/public.html.heex
+++ b/lib/chiya_web/components/layouts/public.html.heex
@@ -1,8 +1,5 @@
 <header class="px-4 sm:px-6 lg:px-8">
-  <div class="flex items-center justify-between border-b border-theme-dim py-3">
-    <div class="flex items-center gap-4">
-      <a href="/" class="text-theme-base font-semibold">Chiya</a>
-    </div>
+  <div class="flex items-center justify-end border-b border-theme-dim/50 py-3">
     <div class="flex items-center gap-4">
       <.link
         href={~p"/n/about"}
@@ -13,6 +10,7 @@
     </div>
   </div>
 </header>
+
 <main class="px-4 py-20 sm:px-6 lg:px-8">
   <div class="mx-auto max-w-2xl">
     <.flash_group flash={@flash} />