fix loading of styles

Author: ShMcK

web-app/.storybook/config.ts

@@ -1,4 +1,4 @@
-// import '@alifd/next/dist/next.css'
+import '@alifd/next/dist/next.css'
 import { configure } from '@storybook/react'
 import '../src/styles/index.css'
 

web-app/src/Routes.tsx

@@ -12,12 +12,16 @@ interface Props {
 
 const styles = {
   page: {
-    width: window.innerWidth,
-    height: window.innerHeight,
+    margin: 0,
+    width: window.innerWidth - 20, // 220
+    height: window.innerHeight - 20, // 655
     backgroundColor: 'white',
   },
 }
 
+console.log('page styles')
+console.log(JSON.stringify(styles.page))
+
 const Routes = ({ state }: Props) => {
   // TODO: refactor cond to user <Router><Route> and accept first route as if/else if
   return (

web-app/src/index.tsx

@@ -3,6 +3,9 @@ import ReactDOM from 'react-dom'
 import App from './App'
 
 // base styles
+// TODO: must be a better way to load @alifd styles
+// currently these are loaded in src/editor/ReactWebView.ts as well
+import '@alifd/next/dist/next.css'
 import './styles/index.css'
 
 ReactDOM.render(<App />, document.getElementById('root') as HTMLElement)