commit
a41d4dae8e
5 changed files with 96 additions and 102 deletions
|
@ -79,11 +79,11 @@ 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-black/30">
|
<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">
|
||||||
<li>
|
<li>
|
||||||
<.link
|
<.link
|
||||||
href={~p"/"}
|
href={~p"/"}
|
||||||
class="flex gap-3 text-sm leading-6 text-gray-100 font-semibold hover:text-gray-300"
|
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"
|
||||||
>
|
>
|
||||||
<span>Chiya</span>
|
<span>Chiya</span>
|
||||||
<p class="rounded-full bg-theme-primary/10 px-2 text-[0.8125rem] font-medium leading-6 text-theme-primary">
|
<p class="rounded-full bg-theme-primary/10 px-2 text-[0.8125rem] font-medium leading-6 text-theme-primary">
|
||||||
|
@ -97,7 +97,7 @@ defmodule ChiyaWeb.AdminComponents do
|
||||||
<.link
|
<.link
|
||||||
href="#"
|
href="#"
|
||||||
id="dark-mode-toggle"
|
id="dark-mode-toggle"
|
||||||
class="text-xs leading-6 text-gray-100 font-semibold hover:text-gray-300"
|
class="text-xs leading-6 text-gray-900 dark:text-gray-100 font-semibold dark:hover:text-gray-300 hover:text-gray-700"
|
||||||
>
|
>
|
||||||
<.icon name="hero-sun-mini" class="h-4 w-4" />
|
<.icon name="hero-sun-mini" class="h-4 w-4" />
|
||||||
</.link>
|
</.link>
|
||||||
|
@ -105,7 +105,7 @@ defmodule ChiyaWeb.AdminComponents do
|
||||||
<li>
|
<li>
|
||||||
<.link
|
<.link
|
||||||
href={~p"/admin"}
|
href={~p"/admin"}
|
||||||
class="text-xs leading-6 text-gray-100 font-semibold hover:text-gray-300"
|
class="text-xs leading-6 text-gray-900 dark:text-gray-100 font-semibold dark:hover:text-gray-300 hover:text-gray-700"
|
||||||
>
|
>
|
||||||
Admin
|
Admin
|
||||||
</.link>
|
</.link>
|
||||||
|
@ -114,7 +114,7 @@ defmodule ChiyaWeb.AdminComponents do
|
||||||
<.link
|
<.link
|
||||||
href={~p"/user/log_out"}
|
href={~p"/user/log_out"}
|
||||||
method="delete"
|
method="delete"
|
||||||
class="text-xs leading-6 text-gray-100 font-semibold hover:text-gray-300"
|
class="text-xs leading-6 text-gray-900 dark:text-gray-100 font-semibold dark:hover:text-gray-300 hover:text-gray-700"
|
||||||
>
|
>
|
||||||
Log out
|
Log out
|
||||||
</.link>
|
</.link>
|
||||||
|
@ -124,7 +124,7 @@ defmodule ChiyaWeb.AdminComponents do
|
||||||
<.link
|
<.link
|
||||||
href="#"
|
href="#"
|
||||||
id="dark-mode-toggle"
|
id="dark-mode-toggle"
|
||||||
class="text-xs leading-6 text-gray-100 font-semibold hover:text-gray-300"
|
class="text-xs leading-6 text-gray-900 dark:text-gray-100 font-semibold dark:hover:text-gray-300 hover:text-gray-700"
|
||||||
>
|
>
|
||||||
<.icon name="hero-sun-mini" class="h-4 w-4" />
|
<.icon name="hero-sun-mini" class="h-4 w-4" />
|
||||||
</.link>
|
</.link>
|
||||||
|
@ -132,7 +132,7 @@ defmodule ChiyaWeb.AdminComponents do
|
||||||
<li>
|
<li>
|
||||||
<.link
|
<.link
|
||||||
href={~p"/user/log_in"}
|
href={~p"/user/log_in"}
|
||||||
class="text-xs leading-6 text-gray-100 font-semibold hover:text-gray-300"
|
class="text-xs leading-6 text-gray-100 font-semibold dark:hover:text-gray-300 hover:text-gray-700"
|
||||||
>
|
>
|
||||||
Log in
|
Log in
|
||||||
</.link>
|
</.link>
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main class="px-4 py-20 sm:px-6 lg:px-8">
|
<main>
|
||||||
<div class="mx-auto max-w-2xl">
|
<div class="mx-auto max-w-2xl">
|
||||||
<.flash_group flash={@flash} />
|
<.flash_group flash={@flash} />
|
||||||
<%= @inner_content %>
|
<%= @inner_content %>
|
||||||
|
|
|
@ -1,6 +1,5 @@
|
||||||
<div class="px-4 py-10 sm:py-28 sm:px-6 lg:px-8 xl:py-32 xl:px-28">
|
<div class="mx-auto max-w-xl mx-4 lg:mx-0">
|
||||||
<div class="mx-auto max-w-xl lg:mx-0">
|
<h1 class="mt-16 text-[2rem] font-semibold font-serif leading-10 tracking-tighter text-theme-primary">
|
||||||
<h1 class="mt-4 text-[2rem] font-semibold font-serif leading-10 tracking-tighter text-theme-primary">
|
|
||||||
<%= @channel.name %>
|
<%= @channel.name %>
|
||||||
</h1>
|
</h1>
|
||||||
<p class="mt-4 text-base leading-7 text-theme-base">
|
<p class="mt-4 text-base leading-7 text-theme-base">
|
||||||
|
@ -19,4 +18,3 @@
|
||||||
<% end %>
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
|
@ -1,6 +1,5 @@
|
||||||
<div class="px-4 py-10 sm:py-28 sm:px-6 lg:px-8 xl:py-32 xl:px-28">
|
<div class="mx-auto max-w-xl mx-4 lg:mx-0">
|
||||||
<div class="mx-auto max-w-xl lg:mx-0">
|
<h1 class="mt-16 text-3xl font-semibold font-serif leading-10 tracking-tighter text-theme-primary">
|
||||||
<h1 class="mt-4 text-[2rem] font-semibold font-serif leading-10 tracking-tighter text-theme-primary">
|
|
||||||
<%= @settings.title %>
|
<%= @settings.title %>
|
||||||
</h1>
|
</h1>
|
||||||
<p class="mt-4 text-base leading-7 text-theme-base">
|
<p class="mt-4 text-base leading-7 text-theme-base">
|
||||||
|
@ -24,11 +23,11 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<%= if @channel do %>
|
<%= if @channel do %>
|
||||||
<div class="w-full mt-6 sm:w-auto flex flex-col gap-1.5">
|
<div class="mt-6 sm:w-auto flex flex-col gap-1.5">
|
||||||
<%= for note <- @channel.notes do %>
|
<%= for note <- @channel.notes do %>
|
||||||
<a
|
<a
|
||||||
href={~p"/#{note.slug}"}
|
href={~p"/#{note.slug}"}
|
||||||
class="rounded -mx-2 -my-0.5 px-2 py-0.5 hover:bg-theme-primary/10 transition"
|
class="rounded-lg -mx-2 -my-0.5 px-2 py-0.5 hover:bg-theme-primary/30 transition"
|
||||||
>
|
>
|
||||||
<span class="text-theme-heading text-lg font-semibold leading-8">
|
<span class="text-theme-heading text-lg font-semibold leading-8">
|
||||||
<%= note.name %>
|
<%= note.name %>
|
||||||
|
@ -39,4 +38,3 @@
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
|
@ -1,7 +1,6 @@
|
||||||
<div class="px-4 py-10 sm:py-28 sm:px-6 lg:px-8 xl:py-32 xl:px-28">
|
<div class="mx-auto max-w-xl mx-4 lg:mx-0">
|
||||||
<div class="mx-auto max-w-xl lg:mx-0">
|
|
||||||
<header>
|
<header>
|
||||||
<h1 class="text-3xl font-semibold leading-8 text-theme-heading font-serif underline underline-offset-2 decoration-theme-primary">
|
<h1 class="mt-16 text-3xl font-semibold leading-8 text-theme-heading font-serif underline underline-offset-2 decoration-theme-primary">
|
||||||
<%= @note.name %>
|
<%= @note.name %>
|
||||||
</h1>
|
</h1>
|
||||||
<p class="mt-2 text-sm leading-6 text-theme-base font-semibold">
|
<p class="mt-2 text-sm leading-6 text-theme-base font-semibold">
|
||||||
|
@ -40,4 +39,3 @@
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
Loading…
Reference in a new issue