initial admin page
This commit is contained in:
parent
7bba9dce9e
commit
d82f373bd2
4 changed files with 21 additions and 11 deletions
|
@ -102,14 +102,6 @@ defmodule ChiyaWeb.AdminComponents do
|
||||||
<.icon name="hero-sun-mini" class="h-4 w-4" />
|
<.icon name="hero-sun-mini" class="h-4 w-4" />
|
||||||
</.link>
|
</.link>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
|
||||||
<.link
|
|
||||||
href={~p"/user"}
|
|
||||||
class="text-xs leading-6 text-gray-100 font-semibold hover:text-gray-300"
|
|
||||||
>
|
|
||||||
Profile
|
|
||||||
</.link>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<.link
|
<.link
|
||||||
href={~p"/admin"}
|
href={~p"/admin"}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<header class="px-4 sm:px-6 lg:px-8">
|
<header class="px-4 sm:px-6 lg:px-8">
|
||||||
<div class="flex items-center justify-end border-b border-gray-100 dark:border-gray-800 py-3">
|
<div class="flex items-center justify-end border-b border-gray-300 dark:border-gray-800 py-3">
|
||||||
<div class="flex items-center gap-4">
|
<div class="flex items-center gap-4">
|
||||||
<.link
|
<.link
|
||||||
href={~p"/admin/notes"}
|
href={~p"/admin/notes"}
|
||||||
|
|
|
@ -21,7 +21,7 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body class="bg-white dark:bg-gray-900 antialiased">
|
<body class="bg-gray-200 dark:bg-gray-900 antialiased">
|
||||||
<.admin_bar current_user={@current_user} />
|
<.admin_bar current_user={@current_user} />
|
||||||
<%= @inner_content %>
|
<%= @inner_content %>
|
||||||
<div id="react-root"></div>
|
<div id="react-root"></div>
|
||||||
|
|
|
@ -1 +1,19 @@
|
||||||
<.header>Admin</.header>
|
<section class="p-4 rounded flex gap-4 bg-gray-100 shadow border border-gray-300 dark:border-gray-700 dark:bg-gray-800">
|
||||||
|
<img
|
||||||
|
class="rounded-full w-24"
|
||||||
|
src={ChiyaWeb.Uploaders.UserImage.url({@current_user.user_image, @current_user}, :thumb)}
|
||||||
|
/>
|
||||||
|
<div class="flex-1 dark:text-gray-200">
|
||||||
|
<p class="text-sm text-gray-600 dark:text-gray-400">Welcome back,</p>
|
||||||
|
<h2 class="text-xl font-semibold"><%= @current_user.email %></h2>
|
||||||
|
</div>
|
||||||
|
<.link href={~p"/user"}>
|
||||||
|
<.button>Profile</.button>
|
||||||
|
</.link>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="mt-4 flex gap-4">
|
||||||
|
<a href="/admin/notes/new" class="p-4 rounded bg-gray-100 shadow border border-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200">
|
||||||
|
<.icon name="hero-document-plus" /> New Note
|
||||||
|
</a>
|
||||||
|
</section>
|
Loading…
Reference in a new issue