andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update frontpage

Browse Source 
Use list instead of search as the frontpage
This commit is contained in:
Angelos Chalaris
2019-08-24 12:22:20 +03:00
parent 96b5d1b352
commit f69898f88d
6 changed files with 99 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/docs/components/SnippetCard.js
View File

@ -111,7 +111,7 @@ const FullCard = ({ snippetData, isDarkMode }) => {
}}
/>
<h5 className='card-section-browser-support-title'>Browser support</h5>
<p className='browser-support-data'>{snippetData.supportPercentage}%</p>
<p className='browser-support-data'>{snippetData.supportPercentage.toFixed(1)}%</p>
<div
className='card-browser-support'
dangerouslySetInnerHTML={{
@ -149,7 +149,7 @@ const ShortCard = ({
/>
<div className='card-bottom'>
<h5 className='card-section-demo-title'>Demo</h5>
<div className='card-snippet-demo' data-scope={snippetData.id}>
<div className='card-snippet-demo' data-scope={snippetData.id.replace(/\//g,'')}>
<style>
{snippetData.code.scopedCss}
</style>
@ -161,9 +161,8 @@ const ShortCard = ({
</script>
}
</div>
<CodepenButton snippetData={snippetData} />
<h5 className='card-section-browser-support-title'>Browser support</h5>
<p className='browser-support-data'>{snippetData.supportPercentage}%</p>
<p className='browser-support-data'>{snippetData.supportPercentage.toFixed(1)}%</p>
</div>
</div>
);