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

Enhancement/vinlottispage css fixes #39

Merged
Adrianht merged 10 commits from enhancement/vinlottispage-css-fixes into master 2020-09-17 10:39:17 +00:00
Conversation 2 Commits 10 Files Changed 3 +22 -15
1 changed files with 22 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit d5cf6d31ca - Show all commits

37
src/components/VinlottisPage.vue
View File

@@ -17,6 +17,7 @@
<WinGraph class="win" /> <WinGraph class="win" />
</section> </section>
<TotalBought class="total-bought" /> <TotalBought class="total-bought" />
<Highscore class="highscore"/>
<Wines class="wines-container" /> <Wines class="wines-container" />
<Vipps class="vipps-icon" /> <Vipps class="vipps-icon" />
</div> </div>
@@ -120,33 +121,39 @@ export default {
@include desktop { @include desktop {
display: grid; display: grid;
grid: auto-flow min-content / 1fr 1fr; grid: auto-flow min-content / 1fr 1fr 1fr;
grid-template-areas: "top top" grid-template-areas: "top top top"
"middle-top middle-top" "middle-top middle-top middle-top"
"middle-bot-left middle-bot-right" "middle-bot middle-bot aside"
"bot bot"; "bot-left bot-right aside";
grid-gap: 1em; grid-gap: 1em;
.header-and-notification { .header-and-notification {
grid-area: top; grid-area: top;
} }
.total-bought{
grid-area: middle-bot-left;
}
.wines-container{
grid-area: middle-bot-right;
}
.chart-container{ .chart-container{
grid-area: middle-top; grid-area: middle-top;
} }
.vipps-icon{ .total-bought{
grid-area: bot; grid-area: middle-bot;
border-bottom: 1px solid rgb(237, 237, 237);
} }
.highscore {
grid-area: bot-left;
}
.wines-container{
grid-area: bot-right;
}
.vipps-icon{
grid-area: aside;
padding-left: 30px;
border-left: 1px solid rgb(237, 237, 237);
}
} }
@include widescreen { @include widescreen {