スポンサー部分の調整 (#103)

* Update Sponsors.vue

* use tailwind css

---------

Co-authored-by: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
This commit is contained in:
Srgr0 2024-03-10 19:05:10 +09:00 committed by GitHub
parent b30b26675f
commit ac0d0cd9b1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -9,11 +9,16 @@
target="_blank" target="_blank"
class="block aspect-square bg-white overflow-clip" class="block aspect-square bg-white overflow-clip"
:class="[ :class="[
{ 'p-5': !sponsor.noMargin },
{ 'rounded-full': !sponsor.noRounded } { 'rounded-full': !sponsor.noRounded }
]" ]"
> >
<img :src="sponsor.img" class="w-full h-full object-contain" /> <img
:src="sponsor.img"
class="w-full h-full object-contain"
:class="[
{ 'p-5': !sponsor.noMargin }
]"
/>
</GNuxtLink> </GNuxtLink>
</div> </div>
</div> </div>
@ -58,7 +63,3 @@ const sponsors: Sponsor[] = [
} }
]; ];
</script> </script>
<style scoped>
</style>