Skip to content

Conversation

asgeija
Copy link
Member

@asgeija asgeija commented Oct 1, 2026 •

Summary

Adds a header banner above the search bar showing the app name. "UFO" is
highlighted in the accent colour and a heavier weight so the pun in the
title stands out.

Closes #16

Changes

  • New Banner component (Banner.tsx, Banner.css)
  • Render <Banner /> above <main> in App.tsx

Accessibility

  • Title is a real <h1> inside a <header>.

Testing

  • npm run lint passes
  • npm run format:check passes
  • Checked manually in the browser at desktop and mobile widths

Adds a header banner above the search bar showing the app name.
"UFO" is highlighted in the accent colour and a heavier weight so
the pun in the title stands out.

Refs #16
@asgeija asgeija requested a review from a team as a code owner October 1, 2026 07:59
@asgeija asgeija linked an issue Oct 1, 2026 that may be closed by this pull request
Copy link
Member

@jonatsm jonatsm left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 🔥

@thortve thortve merged commit cb89e03 into main Oct 1, 2026
@asgeija asgeija deleted the 16-build-a-simple-header branch October 1, 2026 09:35
Sign in to join this conversation on GitHub.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Build a simple header
3 participants