particle-os/debian-image-builder-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

LandingPage: Update spacing in expendable quickstart area

Browse source 
This updates spacing between the description and buttons as shown in mocks.

Nesting of the `<p>` tags was also removed to eliminate `Warning: validateDOMNesting(...): <p> cannot appear as a descendant of <p>` from the console logs.
This commit is contained in:
regexowl 2023-05-01 10:14:47 +02:00 • committed by Sanne Raymaekers
parent 23d58d563d
commit f39903841b
1 changed files with 39 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

77
src/Components/LandingPage/LandingPage.js
View file

@ -145,47 +145,48 @@ export const LandingPage = () => {
isExpanded={showHint}
displaySize="large"
>
<p>
<p className="pf-u-pb-sm">
For help getting started, access the quick starts for our beta
features.
</p>
<p>
<p>
<Button
icon={<ArrowRightIcon />}
iconPosition="right"
variant="link"
isInline
component="a"
onClick={() => activateQuickstart(awsQuickStart)}
>
Launch an AWS Image
</Button>
</p>
<p>
<Button
icon={<ArrowRightIcon />}
iconPosition="right"
variant="link"
isInline
component="a"
onClick={() => activateQuickstart(azureQuickStart)}
>
Launch an Azure Image
</Button>
</p>
<p>
<Button
icon={<ArrowRightIcon />}
iconPosition="right"
variant="link"
isInline
component="a"
onClick={() => activateQuickstart(contentQuickStart)}
>
Build an Image with Custom Content
</Button>
</p>
<p className="pf-u-pt-sm">
<Button
icon={<ArrowRightIcon />}
iconPosition="right"
variant="link"
isInline
component="a"
onClick={() => activateQuickstart(awsQuickStart)}
className="pf-u-font-weight-bold"
>
Launch an AWS Image
</Button>
</p>
<p className="pf-u-pt-sm">
<Button
icon={<ArrowRightIcon />}
iconPosition="right"
variant="link"
isInline
component="a"
onClick={() => activateQuickstart(azureQuickStart)}
className="pf-u-font-weight-bold"
>
Launch an Azure Image
</Button>
</p>
<p className="pf-u-pt-sm">
<Button
icon={<ArrowRightIcon />}
iconPosition="right"
variant="link"
isInline
component="a"
onClick={() => activateQuickstart(contentQuickStart)}
className="pf-u-font-weight-bold"
>
Build an Image with Custom Content
</Button>
</p>
</ExpandableSection>
)}