jamey/berrypod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

add providers, LiveDashboard, errors links to admin sidebar

Browse Source 
Providers was a hidden page with no nav link. Also adds
LiveDashboard and ErrorTracker to the sidebar footer, and
styles the provider dropdown menu items.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
jamey 2026-02-19 08:30:02 +00:00
parent 559798206f
commit 5834be870f
2 changed files with 40 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
assets/css/admin/components.css
View File

@ -472,6 +472,7 @@
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
z-index: 50; z-index: 50;
padding: 0.25rem; padding: 0.25rem;
list-style: none;
} }
&:focus-within .admin-dropdown-content, &:focus-within .admin-dropdown-content,
@ -480,6 +481,27 @@
} }
} }
.admin-dropdown-content li a,
.admin-dropdown-content li button {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.5rem 0.75rem;
border-radius: 0.375rem;
font-size: 0.875rem;
color: var(--color-base-content);
text-decoration: none;
cursor: pointer;
background: none;
border: none;
width: 100%;
text-align: left;
&:hover {
background-color: var(--color-base-200);
}
}
/* ── Spinner ── */ /* ── Spinner ── */
@keyframes admin-spin { @keyframes admin-spin {

18
lib/berrypod_web/components/layouts/admin.html.heex
View File

@ -75,6 +75,14 @@
<.icon name="hero-cube" class="size-5" /> Products <.icon name="hero-cube" class="size-5" /> Products
</.link> </.link>
</li> </li>
<li>
<.link
navigate={~p"/admin/providers"}
class={admin_nav_active?(@current_path, "/admin/providers")}
>
<.icon name="hero-link" class="size-5" /> Providers
</.link>
</li>
<li> <li>
<.link <.link
href={~p"/admin/theme"} href={~p"/admin/theme"}
@ -102,6 +110,16 @@
<.icon name="hero-arrow-top-right-on-square" class="size-5" /> View shop <.icon name="hero-arrow-top-right-on-square" class="size-5" /> View shop
</.link> </.link>
</li> </li>
<li>
<.link href={~p"/admin/dashboard"}>
<.icon name="hero-chart-bar" class="size-5" /> LiveDashboard
</.link>
</li>
<li>
<.link href={~p"/admin/errors"}>
<.icon name="hero-bug-ant" class="size-5" /> Errors
</.link>
</li>
<li> <li>
<.link href={~p"/users/log-out"} method="delete"> <.link href={~p"/users/log-out"} method="delete">
<.icon name="hero-arrow-right-start-on-rectangle" class="size-5" /> Log out <.icon name="hero-arrow-right-start-on-rectangle" class="size-5" /> Log out