bigger admin bar #63
1 changed files with 8 additions and 16 deletions
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue