john/timekeeper
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

refactor: componentize responsive grid

Browse source
This commit is contained in:
pskfyi 2022-01-10 02:14:02 -08:00 • committed by pskfyi
commit 7c0a3b6375
2 changed files with 28 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

18
components/ResponsiveGrid.vue Normal file
View file

@ -0,0 +1,18 @@
<template>
<div
class="grid gap-4"
:class="`grid-cols-${min} md:grid-cols-${mid} 2xl:grid-cols-${max}`"
>
<slot />
</div>
</template>
<script>
export default {
props: {
min: { type: [Number, String], default: 1 },
mid: { type: [Number, String], default: 2 },
max: { type: [Number, String], default: 3 },
},
}
</script>