Frontend - Restyle event header component #136
Labels
CSS
require using css
enhancement
improve a feature for better usage
Events-page
events-page
Frontend
task relates to frontend
This task will change the current style of the event widget. Restyling widget is separated into multiple tasks to address different parts of the event component.
This task only focuses on the event header which shows the event title, date, time, location, and an expand button (see below pictures). Here is the instruction for this task:
event-header.js
file under directory~/client/src/components/events/
To view the component,
~/client/src/pages/events/Events.js
See components EventBriefs, EventDate, and ExpandButton as references (old code)
Styling detail: Use either
CSS
orTailwind
#2A2C2E
#ffffff
#ff9617
#ff9617
, estimate size: 32x32px (the icon can be imported from~/client/scr/asset/icons/icon.jsx
#ff9617
, max-width: 200px, height: 28pxThe styling instruction is just an estimation. Make sure the component look like the demo
Demo
White frame:
The text was updated successfully, but these errors were encountered: