Merge pull request #358 from codypearce/devtomaterial

Add Devtomaterial to showcase
codypearce · Dec 8, 2019 · 351ad19 · 351ad19
2 parents 1310557 + 6ee045a
commit 351ad19
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 4 deletions.
diff --git a/docs/src/assets/devtomaterial.png b/docs/src/assets/devtomaterial.png
diff --git a/docs/src/components/PlatformButton.js b/docs/src/components/PlatformButton.js
@@ -45,14 +45,16 @@ class Section extends Component {
               width: width ? width : 175,
               backgroundColor,
               borderRadius: 10,
+              marginBottom: 16,
+              padding: 16,
             }}
             rippleContainerBorderRadius={10}>
             <img
               src={img}
               style={{
-                width: imgWidth ? imgWidth : 100,
+                maxHeight: 120,
+                maxWidth: '100%',
                 margin: 'auto',
-                marginTop: 16,
                 marginBottom: 8,
               }}
             />

diff --git a/docs/src/pages/showcase.js b/docs/src/pages/showcase.js
@@ -11,6 +11,7 @@ import {
 } from '@components';
 import materialBread from '../assets/material-bread-docs.png';
 import rni from '../assets/rni.png';
+import devtomaterial from '../assets/devtomaterial.png';
 
 class Index extends Component {
   componentDidMount() {
@@ -36,7 +37,7 @@ class Index extends Component {
               text={'Material Bread'}
               width={250}
               imgWidth={200}
-              height={200}
+              height={225}
               platforms={['Website']}
             />
 
@@ -46,9 +47,19 @@ class Index extends Component {
               text={'React Native Infinity'}
               width={250}
               imgWidth={200}
-              height={200}
+              height={225}
               platforms={['Website']}
             />
+
+            <PlatformButton
+              href={'https://github.com/codypearce/devto-material'}
+              img={devtomaterial}
+              text={'Dev.To.Material'}
+              width={250}
+              imgWidth={200}
+              height={225}
+              platforms={['Web, iOS, Android, Electron']}
+            />
           </View>
         </Section>
       </div>