diff options
| author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-11-28 09:31:23 +0100 |
|---|---|---|
| committer | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-11-28 09:31:23 +0100 |
| commit | fbdce0b0a1cefb88c6bac247db04af25a43c284f (patch) | |
| tree | 9f23e576bbb06531f3ffeb838d686b5e20cfd146 /components | |
| parent | e80cf987c1655024a3c6e9f175ae691a0f6fe5cc (diff) | |
| download | puszcza-fbdce0b0a1cefb88c6bac247db04af25a43c284f.tar.gz puszcza-fbdce0b0a1cefb88c6bac247db04af25a43c284f.zip | |
Fix ranking responsiveness
Diffstat (limited to 'components')
| -rw-r--r-- | components/Ranking/RankingEntry.vue | 2 | ||||
| -rw-r--r-- | components/Ranking/RankingFirstEntry.vue | 5 | ||||
| -rw-r--r-- | components/Ranking/RankingList.vue | 3 |
3 files changed, 6 insertions, 4 deletions
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> |