diff --git a/assets/css/admin/components.css b/assets/css/admin/components.css index d060229..a758c20 100644 --- a/assets/css/admin/components.css +++ b/assets/css/admin/components.css @@ -472,6 +472,7 @@ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); z-index: 50; padding: 0.25rem; + list-style: none; } &: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 ── */ @keyframes admin-spin { diff --git a/lib/berrypod_web/components/layouts/admin.html.heex b/lib/berrypod_web/components/layouts/admin.html.heex index f480237..96702db 100644 --- a/lib/berrypod_web/components/layouts/admin.html.heex +++ b/lib/berrypod_web/components/layouts/admin.html.heex @@ -75,6 +75,14 @@ <.icon name="hero-cube" class="size-5" /> Products +