Leahnaya/splatoon3.ink
1
0
Fork 0
mirror of https://github.com/misenhower/splatoon3.ink.git synced 2026-09-13 19:15:43 -05:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Tweak some sizes

Browse Source
This commit is contained in:
Matt Isenhower
2023-02-18 09:49:19 -08:00
parent df8e86f8c7
commit 858180ce87
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/SplatfestBox.vue
View File

@@ -1,7 +1,7 @@
<template>
<ProductContainer class="pt-10 pb-4" bg="bg-zinc-500 bg-camo-purple">
<div class="space-y-2">
<div class="font-splatoon1 lg:text-2xl xl:text-3xl text-shadow mx-2">
<div class="font-splatoon1 text-2xl xl:text-3xl text-shadow mx-2">
{{ $t(title) }}
</div>

8
src/components/SplatfestResultsBox.vue
View File

@@ -1,15 +1,15 @@
<template>
<ProductContainer class="pt-10 pb-4" bg="bg-camo-purple" :bgStyle="`background-color: ${toRgba(winner.color)};`">
<div class="space-y-2">
<div class="font-splatoon1 text-sm lg:text-3xl text-shadow mx-2">
<div class="font-splatoon1 text-2xl lg:text-3xl text-shadow mx-2">
{{ $t('festival.results.title') }}
</div>
<div class="mx-2 px-1 bg-zinc-700 bg-opacity-50 backdrop-blur-sm rounded-lg">
<div class="flex justify-end md:justify-center py-2">
<div class="w-20 md:w-36 -mx-1"></div>
<div class="flex justify-center md:justify-center py-2">
<div class="w-36 sm:mx-4 lg:-mx-1"></div>
<template v-for="team in festival.teams" :key="team.id">
<div class="w-12 mx-2 md:w-20 flex justify-center py-1 rounded" :style="`background-color: ${toRgba(team.color)};`">
<div class="w-12 mx-2 sm:w-20 flex justify-center py-1 rounded" :style="`background-color: ${toRgba(team.color)};`">
<img :src="team.image.url" class="w-6 h-6" />
</div>
</template>