acm-ucr / robosub-website

Official UCR RoboSub Website
https://robosub.ucrhighlanders.org/
0 stars 0 forks source link

Implement Quote.jsx #17

Closed ysh0305 closed 7 months ago

ysh0305 commented 8 months ago
image image image

Number of props: 2, quote, person Location: Join Page Number of Images: 0 React Icon: No Other component use: None Description: This component should include a box with a gradient yellow border. In tailwind, there is no direct setting to apply a gradient to the border so you will need to create 2 boxes right on top of each other with one of them being gradient. Inside the box, it should include 1 quote followed by the person's name and year. The width of the quote box should be set (for example: w-1/3 or w-[30%], and the height will vary based on the length of the quote.

PATH: /src/components/join/Quote.jsx

mogunwusi commented 7 months ago

Screen Shot 2024-01-18 at 8 54 19 PM