KevinMidboe/vinlottis
1
0
Fork 0
Code Issues 8 Pull Requests 14 Packages Projects Releases Wiki Activity

Mobile

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2020-01-21 11:24:57 +01:00
parent d43405f3e1
commit c07d18e140
4 changed files with 25 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@@ -1,3 +1,5 @@
.DS_Store
# Logs
logs
*.log

9
public/index.html
View File

@@ -2,12 +2,9 @@
<html>
<head>
<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>
<div id=app></div>
<script src=/dist/js/vinlottis.bundle.b60e77d.js></script>
<script type=text/javascript src=/dist/js/vinlottis.bundle.b60e77d.js></script></body>
<script type=text/javascript src=/dist/js/vinlottis.bundle.3d5c3cb.js></script></body>
</html>

22
src/components/VinlottisPage.vue
View File

@@ -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>

5
src/templates/Create.html
View File

@@ -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>