Leahnaya/splatoon3.ink
1
0
Fork 0
mirror of https://github.com/misenhower/splatoon3.ink.git synced 2026-08-27 02:54:21 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Tweak gear layout

Browse Source
This commit is contained in:
Matt Isenhower
2022-09-20 17:25:02 -07:00
parent 2416ca3b4a
commit 3e2b16971d
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/gear/RegularGear.vue
View File

@@ -34,9 +34,9 @@
</div>
<div class="hidden md:block px-2">
<div class="flex flex-wrap justify-center">
<div class="flex flex-wrap justify-center max-w-3xl">
<div class="my-6 w-1/3 flex justify-center" v-for="gear in gears" :key="gear.id">
<GearCard class="w-64" :gear="gear" />
<GearCard :gear="gear" />
</div>
</div>
</div>

8
src/views/GearView.vue
View File

@@ -1,10 +1,10 @@
<template>
<MainLayout title="SplatNet Gear">
<div class="grow flex items-center justify-center">
<div class="mx-4 md:mx-12 max-w-screen-xl w-full">
<div class="flex items-center flex-col lg:flex-row space-y-10 lg:space-y-0 lg:space-x-16">
<div class="flex-none max-w-sm xl:max-w-md">
<DailyDropGear class="md:-rotate-1" />
<div class="mx-4 md:mx-12 w-full">
<div class="flex items-center justify-center flex-col lg:flex-row space-y-10 lg:space-y-0 lg:space-x-16">
<div class="flex-none">
<DailyDropGear class="max-w-sm xl:max-w-md md:-rotate-1" />
</div>
<div>