maciejpedzich/spotifyplaylistarchive.com
1
0
Fork 0
mirror of https://github.com/maciejpedzich/spotifyplaylistarchive.com.git synced 2024-09-19 18:16:19 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Shrink the follower growth chart

Browse Source
This commit is contained in:
Maciej Pędzich 2022-07-19 22:20:48 +02:00
parent fe6eed7da5
commit 2a8207868a
1 changed files with 2 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/stats/FollowerGrowth.vue
View File

@ -86,7 +86,7 @@ watch(chartPeriod, async () => await refresh());
<template> <template>
<NuxtLayout name="centered-content"> <NuxtLayout name="centered-content">
<ClientOnly> <ClientOnly>
<p class="mt-0 mb-3 text-lg"> <p class="my-0 text-lg">
Period: Period:
<Dropdown <Dropdown
v-model="chartPeriod" v-model="chartPeriod"
@ -100,7 +100,7 @@ watch(chartPeriod, async () => await refresh());
</p> </p>
<Chart <Chart
v-else-if="data" v-else-if="data"
class="mt-3" class="w-7 h-4 mt-3"
type="line" type="line"
:options="chartOptions" :options="chartOptions"
:data="data" :data="data"
@ -108,12 +108,3 @@ watch(chartPeriod, async () => await refresh());
</ClientOnly> </ClientOnly>
</NuxtLayout> </NuxtLayout>
</template> </template>
<style scoped>
@media only screen and (min-width: 768px) {
:deep(div.p-chart) {
width: 100%;
padding: 0 8rem;
}
}
</style>