Rearranging items

aeternity · Feb 7, 2019 · d0878f6 · d0878f6
1 parent e78bb4b
commit d0878f6
Show file tree

Hide file tree

Showing 8 changed files with 890 additions and 15 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -28,6 +28,8 @@
     "eslint-plugin-vue": "^5.0.0",
     "esm": "^3.2.1",
     "express": "^4.16.4",
+    "node-sass": "^4.11.0",
+    "sass-loader": "^7.1.0",
     "vue-template-compiler": "^2.5.21"
   },
   "eslintConfig": {

diff --git a/public/index.html b/public/index.html
@@ -9,9 +9,11 @@
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but aepp-playground doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong>
+        We're sorry but aepp-playground doesn't work properly without JavaScript enabled. Please enable it to continue.
+      </strong>
     </noscript>
-    <div id="app"></div>
+    <div id="aepp"></div>
     <!-- built files will be auto injected -->
   </body>
 </html>
diff --git a/src/main.js b/src/main.js
@@ -10,4 +10,4 @@ export default new Vue({
   router,
   store,
   render: h => h(App),
-}).$mount('#app')
+}).$mount('#aepp')
diff --git a/src/router/index.js b/src/router/index.js
@@ -4,10 +4,11 @@ import Router from 'vue-router'
 Vue.use(Router)
 
 export default new Router({
+  mode: 'history',
   base: process.env.BASE_URL,
   routes: [{
-    name: 'begin',
+    name: 'index',
     path: '/',
-    component: {}
+    component: require('../views/index/index.vue').default
   }]
 })
diff --git a/src/style/rules.scss b/src/style/rules.scss
@@ -38,3 +38,27 @@ html, body {
     box-sizing: inherit;
   }
 }
+
+.resizex{
+  resize:horizontal;
+}
+
+.w-96{
+  width:24rem
+}
+
+.min-w-32{
+  min-width:8rem
+}
+
+.min-w-128{
+  min-width:32rem
+}
+
+.max-w-almost-full{
+  max-width:calc(100vw - 4rem);
+}
+
+.h-160{
+  height:40rem
+}
diff --git a/src/views/app.vue b/src/views/app.vue
@@ -1,17 +1,16 @@
 <template>
-  <div>
-    <h1>Aepp playground</h1>
-    <aepp-channels />
+  <div id="aepp" class="aepp-container">
+    <router-view />
   </div>
 </template>
 <script>
-import aeppChannels from '../components/aepp-channels.vue'
-
 export default {
-  name: 'aepp-playground',
-  components: {
-    aeppChannels
-  }
+  name: 'aepp-playground'
 }
 </script>
-<style></style>
+<style lang="scss" scoped>
+.aepp-container {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <div>1</div>
+</template>
+<script>
+export default {
+  name: 'aepp-index'
+}
+</script>
+<style lang="scss" scoped></style>