forgejo_admin/westside-landing
1
0
Fork 0
Code Issues 13 Pull requests 2 Projects Releases Packages Wiki Activity Actions

Bug: registration page logo — small, off-center, ugly circular crop #118

New issue
Closed
opened 2026-03-27 07:40:16 +00:00 by forgejo_admin · 0 comments
forgejo_admin commented 2026-03-27 07:40:16 +00:00
Owner
Copy link

Type

Bug

Lineage

Standalone — discovered during playground review 2026-03-27. Playground already fixed.

Repo

forgejo_admin/westside-app

What Broke

Registration page logo uses logo.png (small nav logo) with .reg-logo CSS that applies border-radius: 50% (circular crop), width: 60px, and border: 3px solid. Looks cramped and off-brand compared to other pages.

Repro Steps

  1. Navigate to /register
  2. Observe: small circular logo at top, not centered on some viewports

Expected Behavior

Full transparent hero logo (logo-hero-transparent.png), 150px wide, centered, no circular crop. Matches playground at playground.tail5b443a.ts.net/westside/register.html.

Environment

  • Page: /register (app route)

File Targets

  • src/routes/(app)/register/+page.svelte — swap logo src to logo-hero-transparent.png
  • src/app.css — update .reg-logo class: remove border-radius, border, object-fit; set width: 150px, height: auto, display: block, margin: 0 auto

Acceptance Criteria

  • Logo is 150px wide, centered, transparent background, no circular crop
  • Matches playground visually

Related

  • project-westside-basketball
### Type Bug ### Lineage Standalone — discovered during playground review 2026-03-27. Playground already fixed. ### Repo `forgejo_admin/westside-app` ### What Broke Registration page logo uses `logo.png` (small nav logo) with `.reg-logo` CSS that applies `border-radius: 50%` (circular crop), `width: 60px`, and `border: 3px solid`. Looks cramped and off-brand compared to other pages. ### Repro Steps 1. Navigate to /register 2. Observe: small circular logo at top, not centered on some viewports ### Expected Behavior Full transparent hero logo (`logo-hero-transparent.png`), 150px wide, centered, no circular crop. Matches playground at `playground.tail5b443a.ts.net/westside/register.html`. ### Environment - Page: /register (app route) ### File Targets - `src/routes/(app)/register/+page.svelte` — swap logo src to `logo-hero-transparent.png` - `src/app.css` — update `.reg-logo` class: remove `border-radius`, `border`, `object-fit`; set `width: 150px`, `height: auto`, `display: block`, `margin: 0 auto` ### Acceptance Criteria - [ ] Logo is 150px wide, centered, transparent background, no circular crop - [ ] Matches playground visually ### Related - `project-westside-basketball`
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
142-validate-coach-login-and-read-only-roste
139-fix-admin-dashboard-stats-showing-all-ze
129-validate-girls-draft-board-coach-login-a
204-auto-tag-update
deploy-update-image-tag
110-fix-harbor-push-target
No results found.
Labels
Clear labels   
domain:backend

   
domain:devops

   
domain:frontend
No labels
domain:backend
domain:devops
domain:frontend
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
forgejo_admin/westside-landing#118
No description provided.