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