Mobile
This commit is contained in:
		
							
								
								
									
										2
									
								
								.gitignore
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										2
									
								
								.gitignore
									
									
									
									
										vendored
									
									
								
							@@ -1,3 +1,5 @@
 | 
				
			|||||||
 | 
					.DS_Store
 | 
				
			||||||
 | 
					
 | 
				
			||||||
# Logs
 | 
					# Logs
 | 
				
			||||||
logs
 | 
					logs
 | 
				
			||||||
*.log
 | 
					*.log
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -2,12 +2,9 @@
 | 
				
			|||||||
<html>
 | 
					<html>
 | 
				
			||||||
  <head>
 | 
					  <head>
 | 
				
			||||||
    <title>Vinlottis</title>
 | 
					    <title>Vinlottis</title>
 | 
				
			||||||
  <link href=/dist/css/vinlottis.b60e77d.css rel=stylesheet></head>
 | 
					    <meta name=viewport content="width=device-width,initial-scale=1">
 | 
				
			||||||
 | 
					  <link href=/dist/css/vinlottis.3d5c3cb.css rel=stylesheet></head>
 | 
				
			||||||
  <body>
 | 
					  <body>
 | 
				
			||||||
    <div id=app></div>
 | 
					    <div id=app></div>
 | 
				
			||||||
 | 
					  <script type=text/javascript src=/dist/js/vinlottis.bundle.3d5c3cb.js></script></body>
 | 
				
			||||||
    
 | 
					 | 
				
			||||||
    <script src=/dist/js/vinlottis.bundle.b60e77d.js></script>
 | 
					 | 
				
			||||||
    
 | 
					 | 
				
			||||||
  <script type=text/javascript src=/dist/js/vinlottis.bundle.b60e77d.js></script></body>
 | 
					 | 
				
			||||||
</html>
 | 
					</html>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -2,9 +2,7 @@
 | 
				
			|||||||
  <div class="outer">
 | 
					  <div class="outer">
 | 
				
			||||||
    <div class="container">
 | 
					    <div class="container">
 | 
				
			||||||
      <h1>Knowit Vinlottis</h1>
 | 
					      <h1>Knowit Vinlottis</h1>
 | 
				
			||||||
      <router-link to="generate" class="generate-link"
 | 
					      <router-link to="generate" class="generate-link">Klarer du ikke velge lodd-farger?</router-link>
 | 
				
			||||||
        >Klarer du ikke velge lodd-farger?</router-link
 | 
					 | 
				
			||||||
      >
 | 
					 | 
				
			||||||
      <div class="chart-container">
 | 
					      <div class="chart-container">
 | 
				
			||||||
        <PurchaseGraph class="purchase" />
 | 
					        <PurchaseGraph class="purchase" />
 | 
				
			||||||
        <WinGraph class="win" />
 | 
					        <WinGraph class="win" />
 | 
				
			||||||
@@ -67,4 +65,22 @@ h1 {
 | 
				
			|||||||
  width: 45vw;
 | 
					  width: 45vw;
 | 
				
			||||||
  display: inline-block;
 | 
					  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>
 | 
					</style>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -2,12 +2,9 @@
 | 
				
			|||||||
<html>
 | 
					<html>
 | 
				
			||||||
  <head>
 | 
					  <head>
 | 
				
			||||||
    <title>Vinlottis</title>
 | 
					    <title>Vinlottis</title>
 | 
				
			||||||
 | 
					    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 | 
				
			||||||
  </head>
 | 
					  </head>
 | 
				
			||||||
  <body>
 | 
					  <body>
 | 
				
			||||||
    <div id="app"></div>
 | 
					    <div id="app"></div>
 | 
				
			||||||
 | 
					 | 
				
			||||||
    <% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
 | 
					 | 
				
			||||||
    <script src="<%= htmlWebpackPlugin.files.chunks[chunk].entry %>"></script>
 | 
					 | 
				
			||||||
    <% } %>
 | 
					 | 
				
			||||||
  </body>
 | 
					  </body>
 | 
				
			||||||
</html>
 | 
					</html>
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user