diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss
index 04c592c..c0100c5 100644
--- a/src/assets/scss/app.scss
+++ b/src/assets/scss/app.scss
@@ -8,6 +8,7 @@
html {
scrollbar-color: #404245 #2f3132;
background-color: #2a2c2e;
+ overflow: auto;
}
body {
diff --git a/src/router.ts b/src/router.ts
index 915038f..e3ce22f 100644
--- a/src/router.ts
+++ b/src/router.ts
@@ -2,6 +2,9 @@ import Vue from "vue";
import Router from "vue-router";
import Home from "@/views/Home.vue";
import DeckBuilder from "@/views/DeckBuilder.vue";
+import GameView from "@/views/Game.vue";
+import DraftView from "@/views/Draft.vue";
+import Lobby from "@/views/Lobby.vue";
Vue.use(Router);
@@ -18,6 +21,21 @@ export default new Router({
path: "/build",
name: "deck-editor",
component: DeckBuilder
+ },
+ {
+ path: "/game",
+ name: "game",
+ component: GameView
+ },
+ {
+ path: "/draft",
+ name: "draft",
+ component: DraftView
+ },
+ {
+ path: "/lobby",
+ name: "lobby",
+ component: Lobby
}
]
});
diff --git a/src/views/DeckBuilder.vue b/src/views/DeckBuilder.vue
index eb708ae..f6ccc0f 100644
--- a/src/views/DeckBuilder.vue
+++ b/src/views/DeckBuilder.vue
@@ -1,4 +1,8 @@
-
+
+
+
diff --git a/src/views/Draft.vue b/src/views/Draft.vue
new file mode 100644
index 0000000..43c6e78
--- /dev/null
+++ b/src/views/Draft.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/Game.vue b/src/views/Game.vue
new file mode 100644
index 0000000..c368b4c
--- /dev/null
+++ b/src/views/Game.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/Lobby.vue b/src/views/Lobby.vue
new file mode 100644
index 0000000..f724671
--- /dev/null
+++ b/src/views/Lobby.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
\ No newline at end of file