styles moved to scss

1 files changed, 6 insertions, 19 deletions

diff --git a/pages/index.js b/pages/index.js
index 9df0acf..52421ea 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,3 +1,4 @@
+import styles from 'styles/Main.module.scss'
 import React, { useState ,useRef } from 'react'
 import useUser from 'lib/useUser'
 import {Layout, App} from 'components'
@@ -21,7 +22,11 @@ const Home = () => {
       <>
         {
           Object.keys(appList).map(appName => (
-            <div key={`${appName}_icon`} onClick={() => open(appName, apps, setApps)}>
+            <div
+              key={`${appName}_icon`}
+              className={styles.icon}
+              onClick={() => open(appName, apps, setApps)}
+            >
               <img src={`./${appName.toLowerCase()}.svg`} alt={`${appName} Icon`} />
               <p>{appName}</p>
             </div>
@@ -41,24 +46,6 @@ const Home = () => {
              </App>
            );
         })}
-        <style jsx>{`
-          div {
-            text-decoration: none;
-            display: inline-block;
-            width: 4em;
-            cursor: pointer;
-          }
-
-          img {
-            width: 4em;
-          }
-
-          p {
-            padding-top: .5em;
-            text-align: center;
-            color: #333;
-          }
-        `}</style>
       </>
     </Layout>
   )