Allow content alignment options for HeroBlock - Githubissues

EnCiv / enciv-home

the EnCiv home page

0 stars 2 forks source link

Allow content alignment options for HeroBlock #58

Closed justin-b-yee closed 1 month ago

justin-b-yee commented 3 months ago

Specs

Currently, HeroBlock hardcodes the textAlign style into the subject and button. We want flexibility to display left aligned (or right) content too.

<HeroBlock
   ... // existing props
   alignContent: 'center'
/>

Tasks

[x] Add the alignContent prop to HeroBlock.
[x] Set the alignment of the subject and action button to alignContent's value.
[x] Ensure content has adequate space between it and the edge of the screen. When the viewport is wider, the text area should remain within theme.maxPanelWidth and centered.
[x] Add a story to hero-block.stories.js to showcase a HeroBlock with left aligned children.

Figma

ddfridley commented 3 months ago

@justin-b-yee I added "When the viewport is wider, the text area should remain within theme.maxPanelWidth and centered. "