erik/slugkit

Fork 0

Redesign admin pages layout #163

New issue

Closed

opened 2026-06-20 07:53:29 -05:00 by erik · 5 comments

erik commented

2026-06-20 07:53:29 -05:00

Owner

Goal

Create a polished admin/settings-style layout for the admin pages that matches the rest of the site.

Requirements

Update admin pages to use Tailwind CSS classes consistently.
Improve the layout so admin pages are easier to navigate and use.
Match the existing site look and feel.
Respect existing light and dark mode settings.

Acceptance criteria

Admin pages use Tailwind CSS styling consistently.
Admin pages have a clear admin/settings-style layout.
Layout is easier to navigate and use.
Styling matches the rest of the site.
Light and dark mode both render correctly.

Dependencies

None

## Goal Create a polished admin/settings-style layout for the admin pages that matches the rest of the site. ## Requirements - Update admin pages to use Tailwind CSS classes consistently. - Improve the layout so admin pages are easier to navigate and use. - Match the existing site look and feel. - Respect existing light and dark mode settings. ## Acceptance criteria - [ ] Admin pages use Tailwind CSS styling consistently. - [ ] Admin pages have a clear admin/settings-style layout. - [ ] Layout is easier to navigate and use. - [ ] Styling matches the rest of the site. - [ ] Light and dark mode both render correctly. ## Dependencies - None

erik added the

priority:medium

status:inprogress

labels

2026-06-20 07:53:29 -05:00

erik commented

2026-06-20 07:58:56 -05:00

Author

Owner

Synced from todu comment by @todu on 2026-06-20T12:57:35.909Z

Update

Started implementation after approved plan. Scope: redesign admin pages with consistent Tailwind layout, improve navigation/usability, preserve existing behavior, and verify light/dark mode styling.

_Synced from todu comment by @todu on 2026-06-20T12:57:35.909Z_ ### Update Started implementation after approved plan. Scope: redesign admin pages with consistent Tailwind layout, improve navigation/usability, preserve existing behavior, and verify light/dark mode styling.

erik commented

2026-06-20 08:09:53 -05:00

Author

Owner

Synced from todu comment by @todu on 2026-06-20T13:06:31.834Z

Review update

PR: #164 is open and reviewed.
Result: approved; no blocking issues or warnings.
Verified: npm run build --workspace @slugkit/template-site, targeted template-site admin/auth route tests, ./scripts/pre-pr.sh, and Forgejo Actions run #229.
Acceptance: 5/5 criteria met.
Follow-up: waiting for explicit human merge approval.

_Synced from todu comment by @todu on 2026-06-20T13:06:31.834Z_ ### Review update - PR: https://forge.caradoc.com/erik/slugkit/pulls/164 is open and reviewed. - Result: approved; no blocking issues or warnings. - Verified: `npm run build --workspace @slugkit/template-site`, targeted template-site admin/auth route tests, `./scripts/pre-pr.sh`, and Forgejo Actions run #229. - Acceptance: 5/5 criteria met. - Follow-up: waiting for explicit human merge approval.

erik

2026-06-20 08:26:17 -05:00

closed this issue
added
status:done
and removed
status:inprogress
labels

erik commented

2026-06-20 08:26:17 -05:00

Author

Owner

Synced from todu comment by @todu on 2026-06-20T13:22:26.761Z

Closing summary

Task close gate: READY

Acceptance criteria verified:

Admin pages use Tailwind CSS styling consistently — met: admin templates now use shared Tailwind classes and /styles/public.css instead of inline page-local CSS.
Admin pages have a clear admin/settings-style layout — met: PR #164 added the shared admin shell, sidebar settings navigation, cards, tables, forms, badges, notices, and signed-in panel.
Layout is easier to navigate and use — met: dashboard cards and admin navigation are present, with requested order: Overview, Passkeys, API keys, Site users, ActivityPub.
Styling matches the rest of the site — met: admin pages use the same generated Tailwind stylesheet and main public header shape.
Light and dark mode both render correctly — met: admin pages include color-mode support and light/dark Tailwind classes.

Verification evidence:

./scripts/pre-pr.sh passed.
Forgejo Actions runs #229 and #230 passed.
PR #164 merged into main: #164

_Synced from todu comment by @todu on 2026-06-20T13:22:26.761Z_ ### Closing summary Task close gate: READY Acceptance criteria verified: - Admin pages use Tailwind CSS styling consistently — met: admin templates now use shared Tailwind classes and `/styles/public.css` instead of inline page-local CSS. - Admin pages have a clear admin/settings-style layout — met: PR #164 added the shared admin shell, sidebar settings navigation, cards, tables, forms, badges, notices, and signed-in panel. - Layout is easier to navigate and use — met: dashboard cards and admin navigation are present, with requested order: Overview, Passkeys, API keys, Site users, ActivityPub. - Styling matches the rest of the site — met: admin pages use the same generated Tailwind stylesheet and main public header shape. - Light and dark mode both render correctly — met: admin pages include color-mode support and light/dark Tailwind classes. Verification evidence: - `./scripts/pre-pr.sh` passed. - Forgejo Actions runs #229 and #230 passed. - PR #164 merged into `main`: https://forge.caradoc.com/erik/slugkit/pulls/164

erik commented

2026-06-20 08:26:17 -05:00

Author

Owner

Synced from todu comment by @todu on 2026-06-20T13:22:02.749Z

Merge update

PR #164 was merged into main after requested follow-ups and passing CI run #230. Local main was fast-forwarded and the local feature branch was deleted.

_Synced from todu comment by @todu on 2026-06-20T13:22:02.749Z_ ### Merge update PR #164 was merged into `main` after requested follow-ups and passing CI run #230. Local `main` was fast-forwarded and the local feature branch was deleted.

erik commented

2026-06-20 08:26:17 -05:00

Author

Owner

Synced from todu comment by @todu on 2026-06-20T13:21:31.957Z

Review update

PR #164 was updated with requested follow-ups: keep the main public header shape, remove invented public nav links, reorder admin nav to Overview, Passkeys, API keys, Site users, ActivityPub, and add explicit viewer-denial coverage for ActivityPub admin access.
Verified: ./scripts/pre-pr.sh and Forgejo Actions run #230 passed.
Review result remains approved with 5/5 acceptance criteria met.
Human merge approval received.

_Synced from todu comment by @todu on 2026-06-20T13:21:31.957Z_ ### Review update - PR #164 was updated with requested follow-ups: keep the main public header shape, remove invented public nav links, reorder admin nav to Overview, Passkeys, API keys, Site users, ActivityPub, and add explicit viewer-denial coverage for ActivityPub admin access. - Verified: `./scripts/pre-pr.sh` and Forgejo Actions run #230 passed. - Review result remains approved with 5/5 acceptance criteria met. - Human merge approval received.