refactor: style

packages/core/src/components/persea/global.scss

@@ -1,74 +1,7 @@
 @import './scss/colors.scss';
+@import './scss/reset.scss';
 @import './scss/tabs.scss';
 
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font: inherit;
-	vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-	display: block;
-}
-body {
-	line-height: 1;
-}
-ol, ul {
-	list-style: none;
-}
-blockquote, q {
-	quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
-}
-em {
-  font-style: italic;
-}
-strong {
-  font-weight: bold;
-}
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-h1 {
-  font-size: 2em;
-}
-h2 {
-  font-size: 1.6em;
-}
-h3 {
-  font-size: 1.4em;
-}
-h4 {
-  font-size: 1.2em;
-}
-h5 {
-  font-size: 1.1em;
-}
-h6 {
-  font-size: 1.05em;
-}
-
 * {
   box-sizing: border-box;
 }
@@ -255,8 +188,3 @@ canvas,
 img {
   image-rendering: pixelated;
 }
-
-.persea {
-  height: 100vh;
-  width: 100vw;
-}

packages/core/src/components/persea/index.jsx

@@ -1,32 +1,34 @@
-import './index.scss';
-
 import {
   React,
   hot,
 } from '@flecks/react';
-import {
+// import {
-  Navigate,
+//   Navigate,
-  Route,
+//   Route,
-  Routes,
+//   Routes,
-} from '@flecks/react/router';
+// } from '@flecks/react/router';
-import {useSelector} from '@flecks/redux';
+// import {useSelector} from '@flecks/redux';
-import {userIdSelector} from '@flecks/user';
+// import {userIdSelector} from '@flecks/user';
-import {UserLocalLogin} from '@flecks/user/local/client';
 
-import Dashboard from '../dashboard';
+import './global.scss';
-import ProjectRoute from '../project/route';
+import styles from './index.module.scss';
+
+// import Dashboard from '../dashboard';
+import Login from './login';
+// import ProjectRoute from '../project/route';
 
 // eslint-disable-next-line arrow-body-style
 const Persea = () => {
-  const isLoggedIn = useSelector(userIdSelector);
+  // const isLoggedIn = useSelector(userIdSelector);
   return (
-    <div className="persea">
+    <div className={styles.persea}>
-      <Routes>
+      <Login />
+      {/* <Routes>
         <Route exact path="/" element={<Navigate to={isLoggedIn ? '/dashboard' : '/login'} />} />
         <Route path="/login" element={isLoggedIn ? <Navigate to="/" /> : <UserLocalLogin />} />
         <Route path="/dashboard" element={<Dashboard />} />
         <Route path="/project/*" element={<ProjectRoute />} />
-      </Routes>
+      </Routes> */}
     </div>
   );
 };

packages/core/src/components/persea/index.module.scss

@@ -0,0 +1,5 @@
+
+.persea {
+  height: 100vh;
+  width: 100vw;
+}

packages/core/src/components/persea/scss/reset.scss

@@ -0,0 +1,68 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+em {
+  font-style: italic;
+}
+strong {
+  font-weight: bold;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+h1 {
+  font-size: 2em;
+}
+h2 {
+  font-size: 1.6em;
+}
+h3 {
+  font-size: 1.4em;
+}
+h4 {
+  font-size: 1.2em;
+}
+h5 {
+  font-size: 1.1em;
+}
+h6 {
+  font-size: 1.05em;
+}
+