Block out landing page elements #375
Conversation
|
For the sliver of white on the side, most likely one of the components is having its width or min width set manually to something larger than 320. You might be able to inspect the elements to see which one is poking out. |
| import React from 'react'; | ||
|
|
||
| export default ({electionId}) => { | ||
| return <Paper className='featuredElection' elevation={8} sx={{ |
There was a problem hiding this comment.
Try out the Material UI card component for these. It uses the paper component but with extra features.
https://mui.com/material-ui/react-card/
… bar on small screen)
Yep it was the trashcan icon. The quick poll component was adding extra padding that was making everything a tad too wide I also switch Paper over to Card |
Description
I copied the landing page elements from figma: https://www.figma.com/file/Z6HA3YZz56bwjwYihmJ1Mv/STAR-Mock-Ups-W-MUI?type=design&node-id=6472-77151&mode=design&t=dKOeio58jJfkLJpg-0
Screenshots / Videos (frontend only)
2023-10-20.19-28-20.mp4
The responsiveness is 90% working, but there's a sliver that appears on the 320px view that I'm having trouble figuring out
Related Issues