inhji/chiya
inhji/chiya
1
1
Fork 0
Code Issues 8 Pull requests 9 Activity

bigger admin bar #63

Merged
inhji merged 2 commits from devel into main 2023-04-12 13:39:45 +02:00
Conversation 0 Commits 2 Files changed 1 +8 -16
1 changed files with 8 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
lib/chiya_web/components/admin_components.ex
View file

@ -80,14 +80,12 @@ defmodule ChiyaWeb.AdminComponents do
def admin_bar(assigns) do def admin_bar(assigns) do
~H""" ~H"""
<ul class="sticky top-0 backdrop-blur-sm z-10 flex items-center gap-4 py-1 px-4 sm:px-6 lg:px-8 bg-white/30 dark:bg-black/30"> <ul class="sticky top-0 backdrop-blur-sm z-10 flex items-center gap-4 py-3 px-4 sm:px-6 lg:px-8 bg-white/30 dark:bg-black/30">
<li> <li>
<.link <.link
href={~p"/"} href={~p"/"}
class="flex gap-3 text-sm leading-6 font-semibold text-gray-900 dark:text-gray-100 dark:hover:text-gray-300 hover:text-gray-700" class="flex gap-3 text-sm leading-6 font-semibold text-gray-900 dark:text-gray-100 dark:hover:text-gray-300 hover:text-gray-700"
> ><%= @settings.title %></.link>
<%= @settings.title %>
</.link>
</li> </li>
<li class="flex-1"></li> <li class="flex-1"></li>
<%= if @current_user do %> <%= if @current_user do %>
@ -95,27 +93,21 @@ defmodule ChiyaWeb.AdminComponents do
<.link <.link
href="#" href="#"
id="dark-mode-toggle" id="dark-mode-toggle"
class="text-xs leading-6 text-gray-900 dark:text-gray-100 font-semibold dark:hover:text-gray-300 hover:text-gray-700" class="text-xs leading-6 text-gray-900 dark:text-gray-100 dark:hover:text-gray-300 hover:text-gray-700"
> >🌙</.link>
<.icon name="hero-sun-mini" class="h-4 w-4" />
</.link>
</li> </li>
<li> <li>
<.link <.link
href={~p"/admin"} href={~p"/admin"}
class="text-xs leading-6 text-gray-900 dark:text-gray-100 font-semibold dark:hover:text-gray-300 hover:text-gray-700" class="text-xs leading-6 text-gray-900 dark:text-gray-100 dark:hover:text-gray-300 hover:text-gray-700"
> >Admin</.link>
<.icon name="hero-star-mini" class="w-4 h-4" /> Admin
</.link>
</li> </li>
<li> <li>
<.link <.link
href={~p"/user/log_out"} href={~p"/user/log_out"}
method="delete" method="delete"
class="text-xs leading-6 text-gray-900 dark:text-gray-100 font-semibold dark:hover:text-gray-300 hover:text-gray-700" class="text-xs leading-6 text-gray-900 dark:text-gray-100 dark:hover:text-gray-300 hover:text-gray-700"
> >Log out</.link>
Log out
</.link>
</li> </li>
<% else %> <% else %>
<li> <li>