You've already forked AstralRinth
forked from didirus/AstralRinth
Prospector
b005c1f522
* New project card * no shadow on icons * Remove updated label * reduce tag count to 5 * improve envs * fix: project card bottom row not growing * move actions in grid mode * focus changes + new project list component * Allow more tags in grid mode, deprioritize non-loader tags * fix prod deploy robots.txt * remove unused id * App cards * prepr * publish date + fix router links * fix author hover underline in firefox * perf: preload on search item hover * remove unused filter * remove option for old grid view --------- Co-authored-by: tdgao <mr.trumgao@gmail.com> Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>
29 lines
440 B
Vue
29 lines
440 B
Vue
<script setup lang="ts">
|
|
withDefaults(
|
|
defineProps<{
|
|
layout?: 'list' | 'grid'
|
|
}>(),
|
|
{
|
|
layout: 'list',
|
|
},
|
|
)
|
|
</script>
|
|
<template>
|
|
<div
|
|
class="gap-3"
|
|
:class="{
|
|
'flex flex-col': layout === 'list',
|
|
'grid grid-project-list': layout === 'grid',
|
|
}"
|
|
role="list"
|
|
>
|
|
<slot />
|
|
</div>
|
|
</template>
|
|
<style scoped lang="scss">
|
|
.grid-project-list {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, minmax(150px, 1fr));
|
|
}
|
|
</style>
|