Code

Sidebar and Header Bar#27

Code

Draft

kohrachel wants to merge 17 commits intomainChangePlusPlusVandy/fostersource:mainfrom rachel/sidebarChangePlusPlusVandy/fostersource:rachel/sidebarCopy head branch name to clipboard

+606-4

Commits

Commits on Dec 20, 2024

• added dummy profile photo

  kohrachel

  committed
  738d6b1

• Added support for Poppins text (typography)

  kohrachel

  committed
  5fe8601

• installed React Router + Lucide + some misc packages (sorry for the inevitable merge conflict lol)

  kohrachel

  committed
  2e69379

• preliminary sidebar done, see AppRoutes.tsx for proper vertical alignment of the component (or use and ) under the style of the parent block containing the Sidebar.

  kohrachel

  committed
  33e0808

• fixed image location

  kohrachel

  committed
  c9e1649

• scrappy working somewhat responsive header bar

  kohrachel

  committed
  622f186

• sidebar height responsive to the height of the contents, need to fix the active tab

  kohrachel

  committed
  a2cd063

• forgot letter s on podcasts

  kohrachel

  committed
  d2b11bf

• header bar: cleaned up code + added color change on hover

  kohrachel

  committed
  100891c

• sidebar: checkpoint, cleaned up code + added color change on hover. need to fix active tab highlighting and color highlighting for logout button

  kohrachel

  committed
  e99d348

• sidebar: fixed minor bug with hover color change

  kohrachel

  committed
  45ec68b

Commits on Dec 21, 2024

• sidebar: fixed hover & active tab color highlighting

  kohrachel

  committed
  7c610f7

• sidebar: make clicking on menu items more intuitive (bigger clickable area, not just the text itself)

  kohrachel

  committed
  0a3f14e

• sidebar: added an orange rectangle active tab highlighter on the right of the active tab (as on Figma)

  kohrachel

  committed
  a5d117c

• header bar: rudimentary header bar complete (rachel will continue to work to collapse header into hamburger menu for responsiveness)

  kohrachel

  committed
  a5643c3

• sidebar: no more lil ghosty

  kohrachel

  committed
  05a38c6

• gen: AppRoutes to show how components were displayed. Feel free to revert changes in case of merge conflict

  kohrachel

  committed
  cccf37e