Mobile

2020-01-21 11:24:57 +01:00
parent d43405f3e1
commit c07d18e140
4 changed files with 25 additions and 13 deletions
--- a/src/components/VinlottisPage.vue
+++ b/src/components/VinlottisPage.vue
@@ -2,9 +2,7 @@
  <div class="outer">
    <div class="container">
      <h1>Knowit Vinlottis</h1>
-      <router-link to="generate" class="generate-link"
-        >Klarer du ikke velge lodd-farger?</router-link
-      >
+      <router-link to="generate" class="generate-link">Klarer du ikke velge lodd-farger?</router-link>
      <div class="chart-container">
        <PurchaseGraph class="purchase" />
        <WinGraph class="win" />
@@ -67,4 +65,22 @@ h1 {
  width: 45vw;
  display: inline-block;
 }
+
+@media only screen and (max-width: 768px) {
+  .purchase,
+  .win {
+    width: 100vw;
+  }
+
+  .chart-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .outer {
+    justify-content: flex-start;
+  }
+}
 </style>
--- a/src/templates/Create.html
+++ b/src/templates/Create.html
@@ -2,12 +2,9 @@
 <html>
  <head>
    <title>Vinlottis</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>
  <body>
    <div id="app"></div>
-
-    <% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
-    <script src="<%= htmlWebpackPlugin.files.chunks[chunk].entry %>"></script>
-    <% } %>
  </body>
 </html>