ngn/safetwitch
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Activity

Add reactivity for mobile

Browse Source
This commit is contained in:
dragongoose
2023-04-10 21:49:02 -04:00
parent 9ebf319211
commit bf59294081
5 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/HomepageView.vue
View File

@ -157,14 +157,14 @@ export default {
ref="categoryItem"
class="inline-flex m-2 hover:scale-105 transition-transform"
>
<div class="bg-ctp-crust max-w-[13.5rem] rounded-lg">
<div class="bg-ctp-crust w-40 lg:w-[13.5rem] md:w-[13.5rem] rounded-lg">
<router-link :to="`/game/${category.name}`">
<img :src="category.image" class="rounded-lg rounded-b-none" />
</router-link>
<div class="p-2">
<div>
<p class="font-bold text-white text-xl">{{ category.displayName }}</p>
<p class="font-bold text-white text-xl sm:text-base md:text-xl">{{ category.displayName }}</p>
<p class="text-sm text-white">{{ abbreviate(category.viewers) }} viewers</p>
</div>