mwinter/portfolio
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Adjust image grid columns on pieces page

Browse source
This commit is contained in:
Michael Winter 2026-03-08 21:56:39 +01:00
parent 348adc2e35
commit 5efec1aa81
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
pages/pieces.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div class="grid grid-cols-2 lg:grid-cols-5 gap-8"> <div class="grid grid-cols-2 lg:grid-cols-5 gap-8">
<div class="lg:col-span-3"> <div class="lg:col-span-2">
<section> <section>
<div v-for="item in works" :key="item.year" class="mb-8"> <div v-for="item in works" :key="item.year" class="mb-8">
<p class="text-sm text-gray-500 mb-3">{{ item.year }}</p> <p class="text-sm text-gray-500 mb-3">{{ item.year }}</p>
@ -37,9 +37,9 @@
</section> </section>
</div> </div>
<div class="lg:col-span-2"> <div class="lg:col-span-3">
<section v-if="worksWithImages.length"> <section v-if="worksWithImages.length">
<div class="grid grid-cols-1 gap-4"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
<NuxtLink <NuxtLink
v-for="work in worksWithImages" v-for="work in worksWithImages"
:key="work.title" :key="work.title"