uclaacm/dev-pathways

Style ArchiveCommittee and DropDownButton to look like figma

Opened this issue · 0 comments

this issue is related to #112 . If #112 has not been resolved, then you won't be able to see the ArchiveCommittee component on any of the pages yet. In order to work on styling it, just add the component to the Home.js page or something

Currently, the CSS for ArchiveCommittee and DropDownButton inside the ArchiveTopicList component (which is inside ArchiveCommittee) do not look like the the Figma. The image below is what <ArchiveCommittee committeeName="Hack" /> looks like currently:
image

Please edit/add to the CSS so that it looks like this:
image

Instead of "Committee Logo", please change it to correspond to the actual logo of the committee, based on the committeeName prop that is passed into ArchiveCommitee! The logos look like this (and can also be found in the figma):
image

You do not need to worry about what lies inside of the box that opens when the DropDownButton is clicked!!

link to Figma