diff --git a/src/components/HighscorePage.vue b/src/components/HighscorePage.vue new file mode 100644 index 0000000..2b47b3a --- /dev/null +++ b/src/components/HighscorePage.vue @@ -0,0 +1,232 @@ + + + + + diff --git a/src/router.js b/src/router.js index 422b5a2..757cf6a 100644 --- a/src/router.js +++ b/src/router.js @@ -11,6 +11,7 @@ import AdminPage from "@/components/AdminPage"; import WinnerPage from "@/components/WinnerPage"; import LotteryPage from "@/components/LotteryPage"; import HistoryPage from "@/components/HistoryPage"; +import HighscorePage from "@/components/HighscorePage"; import RequestWine from "@/components/RequestWine"; import AllRequestedWines from "@/components/AllRequestedWines"; @@ -56,6 +57,10 @@ const routes = [ path: "/history", component: HistoryPage }, + { + path: "/highscore", + component: HighscorePage + }, { path: "/request", component: RequestWine diff --git a/src/styles/global.scss b/src/styles/global.scss index 992e091..4507271 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -157,6 +157,44 @@ textarea { } } + +.cursor { + &-pointer { + cursor: pointer; + } +} + +.text-center { + text-align: center; +} + +.vin-link { + font-weight: bold; + border-bottom: 1px solid #ff5fff; + font-size: 1rem; + margin-left: 15px; +} + + +.margin-top { + &-md { + margin-top: 3rem; + } +} + +.margin-bottom { + &-md { + margin-bottom: 3rem; + } + &-sm { + margin-bottom: 1rem; + } + &-0 { + margin-bottom: 0; + } +} + + .no-margin { margin: 0 !important; } diff --git a/src/styles/positioning.scss b/src/styles/positioning.scss index c5597c7..db9abcb 100644 --- a/src/styles/positioning.scss +++ b/src/styles/positioning.scss @@ -1,7 +1,23 @@ .flex { display: flex; - &-column { + & .column { flex-direction: column; } + + & .row { + flex-direction: row; + } + + & .wrap { + flex-wrap: wrap; + } + + &.justify-center { + justify-content: center; + } + + &.align-center { + align-items: center; + } } \ No newline at end of file diff --git a/src/ui/Highscore.vue b/src/ui/Highscore.vue index 3201460..89e1e8e 100644 --- a/src/ui/Highscore.vue +++ b/src/ui/Highscore.vue @@ -1,6 +1,10 @@