From a12cffe8d8a67658df93eec8286485247e5d7bff Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Thu, 28 Nov 2019 00:30:22 +0100
Subject: Add ranking list

---
 components/Ranking/RankingFirstEntry.vue | 49 ++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 components/Ranking/RankingFirstEntry.vue

(limited to 'components/Ranking/RankingFirstEntry.vue')

diff --git a/components/Ranking/RankingFirstEntry.vue b/components/Ranking/RankingFirstEntry.vue
new file mode 100644
index 0000000..b7142ae
--- /dev/null
+++ b/components/Ranking/RankingFirstEntry.vue
@@ -0,0 +1,49 @@
+<template>
+  <li class="ranking-first-entry">
+    <img class="crown" src="/assets/crown.svg" />
+    <div class="ranking-first-entry__troop">{{ troop }}</div>
+    <div class="ranking-first-entry__points">{{ points }}</div>
+  </li>
+</template>
+
+<script>
+export default {
+  name: 'RankingFirstEntry',
+  props: {
+    troop: {
+      type: String,
+      required: true
+    },
+    points: {
+      type: Number,
+      required: true
+    }
+  }
+}
+</script>
+
+<style scoped>
+.ranking-first-entry {
+  list-style: none;
+  padding: 10px 20px;
+  display: grid;
+
+  width: 150%;
+  grid-template-columns: 15% 60% 25%;
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
+
+  font-size: 26px;
+}
+
+.crown {
+  margin: auto;
+}
+
+.ranking-first-entry__troop {
+  grid-column: 2;
+}
+
+.ranking-first-entry__points {
+  grid-column: 3;
+}
+</style>
-- 
cgit 1.4.1


From fbdce0b0a1cefb88c6bac247db04af25a43c284f Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Thu, 28 Nov 2019 09:31:23 +0100
Subject: Fix ranking responsiveness

---
 components/Ranking/RankingEntry.vue      | 2 +-
 components/Ranking/RankingFirstEntry.vue | 5 +++--
 components/Ranking/RankingList.vue       | 3 ++-
 3 files changed, 6 insertions(+), 4 deletions(-)

(limited to 'components/Ranking/RankingFirstEntry.vue')

diff --git a/components/Ranking/RankingEntry.vue b/components/Ranking/RankingEntry.vue
index e10cf8d..79746eb 100644
--- a/components/Ranking/RankingEntry.vue
+++ b/components/Ranking/RankingEntry.vue
@@ -23,7 +23,7 @@ export default {
 
 <style scoped>
 .ranking-entry {
-  width: 100%;
+  min-width: 200px;
   list-style: none;
 
   margin: 5px;
diff --git a/components/Ranking/RankingFirstEntry.vue b/components/Ranking/RankingFirstEntry.vue
index b7142ae..c603424 100644
--- a/components/Ranking/RankingFirstEntry.vue
+++ b/components/Ranking/RankingFirstEntry.vue
@@ -26,13 +26,14 @@ export default {
 .ranking-first-entry {
   list-style: none;
   padding: 10px 20px;
-  display: grid;
+  width: 100%;
 
-  width: 150%;
+  display: grid;
   grid-template-columns: 15% 60% 25%;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
 
   font-size: 26px;
+  font-weight: 600;
 }
 
 .crown {
diff --git a/components/Ranking/RankingList.vue b/components/Ranking/RankingList.vue
index 68fdb16..ce700ab 100644
--- a/components/Ranking/RankingList.vue
+++ b/components/Ranking/RankingList.vue
@@ -51,6 +51,7 @@ export default {
   padding-inline-start: 0;
 
   width: 100%;
-  max-width: 200px;
+  max-width: 300px;
+  margin: 10px;
 }
 </style>
-- 
cgit 1.4.1


From 836922c666d6f2882e1ba856c3734159eee71bf3 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Thu, 28 Nov 2019 11:30:54 +0100
Subject: Fix margin

---
 components/Ranking/RankingFirstEntry.vue | 1 +
 1 file changed, 1 insertion(+)

(limited to 'components/Ranking/RankingFirstEntry.vue')

diff --git a/components/Ranking/RankingFirstEntry.vue b/components/Ranking/RankingFirstEntry.vue
index c603424..edb137d 100644
--- a/components/Ranking/RankingFirstEntry.vue
+++ b/components/Ranking/RankingFirstEntry.vue
@@ -26,6 +26,7 @@ export default {
 .ranking-first-entry {
   list-style: none;
   padding: 10px 20px;
+  margin: 10px;
   width: 100%;
 
   display: grid;
-- 
cgit 1.4.1


From e1dd9adf16592e1a66c5d1e255b1085ab944ec58 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Thu, 28 Nov 2019 12:36:31 +0100
Subject: Fix markdown parsing

---
 components/Ranking/RankingFirstEntry.vue | 1 +
 components/Ranking/RankingRules.vue      | 5 ++++-
 nuxt.config.js                           | 8 +-------
 3 files changed, 6 insertions(+), 8 deletions(-)

(limited to 'components/Ranking/RankingFirstEntry.vue')

diff --git a/components/Ranking/RankingFirstEntry.vue b/components/Ranking/RankingFirstEntry.vue
index edb137d..d9f290b 100644
--- a/components/Ranking/RankingFirstEntry.vue
+++ b/components/Ranking/RankingFirstEntry.vue
@@ -33,6 +33,7 @@ export default {
   grid-template-columns: 15% 60% 25%;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
 
+  line-height: 50px;
   font-size: 26px;
   font-weight: 600;
 }
diff --git a/components/Ranking/RankingRules.vue b/components/Ranking/RankingRules.vue
index b6c57ef..5ae3c74 100644
--- a/components/Ranking/RankingRules.vue
+++ b/components/Ranking/RankingRules.vue
@@ -8,11 +8,13 @@
 <script>
 import rules from '~/assets/zasady-punktacji.md'
 
+const md = require('markdown-it')()
+
 export default {
   name: 'RankingRules',
   data() {
     return {
-      rules
+      rules: md.render(rules)
     }
   }
 }
@@ -26,6 +28,7 @@ export default {
 
 .rules th,
 .rules td {
+  padding: 5px 15px;
   border: 1px solid #000;
 }
 </style>
diff --git a/nuxt.config.js b/nuxt.config.js
index 4c07f72..104781c 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -69,8 +69,7 @@ export default {
   modules: [
     // Doc: https://axios.nuxtjs.org/usage
     '@nuxtjs/axios',
-    '@nuxtjs/pwa',
-    '@nuxtjs/markdownit'
+    '@nuxtjs/pwa'
   ],
   /*
    ** Axios module configuration
@@ -80,11 +79,6 @@ export default {
   /*
    ** Build configuration
    */
-  markdownit: {
-    preset: 'default',
-    linkify: true,
-    breaks: true
-  },
   build: {
     /*
      ** You can extend webpack config here
-- 
cgit 1.4.1

