settel/knowyt
1
0
Fork 0
Code Issues Pull Requests Packages Releases Activity

css: adapt highscores to smartphone

Browse Source
This commit is contained in:
Settel 2022-10-10 19:36:33 +02:00
parent f119935467
commit 763e517c3f
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/components/Highscores.vue
View File

@ -50,6 +50,10 @@ const players = computed(() => {
margin: 64px 0; margin: 64px 0;
width: 600px; width: 600px;
min-height: 600px; min-height: 600px;
@media (max-width: $phone-max-width) {
width: 300px;
}
} }
&__table-outer-border { &__table-outer-border {
@ -93,6 +97,12 @@ const players = computed(() => {
&__title { &__title {
font-family: $font-primary; font-family: $font-primary;
font-size: 48px; font-size: 48px;
@media (max-width: $phone-max-width) {
font-size: 32px;
padding: 20px;
text-align: center;
}
} }
&__table-body { &__table-body {
@ -103,6 +113,9 @@ const players = computed(() => {
font-family: $font-secondary; font-family: $font-secondary;
font-size: 32px; font-size: 32px;
@media (max-width: $phone-max-width) {
font-size: 24px;
}
} }
&__table { &__table {