chore: add netlify badge

prevwong · Feb 3, 2021 · 5229227 · 5229227
1 parent 9c27936
commit 5229227
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/packages/docs/src/theme/Footer/index.js b/packages/docs/src/theme/Footer/index.js
@@ -121,6 +121,15 @@ function Footer() {
               <img src="https://img.shields.io/github/stars/prevwong/craft.js?color=%23000&logo=github&style=social" />
             </a>
           </div>
+          <div className={'margin-top--md'}>
+            <a href="https://www.netlify.com">
+              <img
+                src="https://www.netlify.com/img/global/badges/netlify-light.svg"
+                alt="Deploys by Netlify"
+                width="100px"
+              />
+            </a>
+          </div>
         </div>
       </div>
     </footer>

diff --git a/packages/examples/landing/components/editor/Viewport/index.tsx b/packages/examples/landing/components/editor/Viewport/index.tsx
@@ -99,7 +99,7 @@ export const Viewport: React.FC = ({ children }) => {
           <div className="w-full h-full">
             <div
               className={cx([
-                'craftjs-renderer h-full  w-full transition',
+                'craftjs-renderer h-full w-full transition pb-8',
                 {
                   'overflow-auto': enabled,
                   'bg-renderer-gray': enabled,
@@ -111,14 +111,23 @@ export const Viewport: React.FC = ({ children }) => {
             >
               <div
                 className={cx([
-                  'relative flex-col flex items-center pb-8',
+                  'relative flex-col flex items-center',
                   {
                     'pt-8': enabled,
                   },
                 ])}
               >
                 {children}
               </div>
+              <div
+                className={
+                  'flex items-center justify-center w-full pt-6 text-xs text-light-gray-2'
+                }
+              >
+                <a href="https://www.netlify.com">
+                  This site is powered by Netlify
+                </a>
+              </div>
             </div>
           </div>
         </div>