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>
24 lines
584 B
Vue
24 lines
584 B
Vue
<script setup lang="ts">
|
|
defineProps<{
|
|
title: string
|
|
compact?: boolean
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<!-- the weird padding and negative margin are to include the potential hover underline in bounding box which affects rendering on firefox -->
|
|
<span
|
|
class="project-card-title line-clamp-1 pb-[2px] mb-[-2px] break-all font-semibold text-contrast m-0 leading-none smart-clickable:underline-on-hover"
|
|
:class="compact ? 'text-lg' : 'text-xl'"
|
|
>
|
|
{{ title }}
|
|
</span>
|
|
</template>
|
|
<style scoped>
|
|
@container (width < 550px) {
|
|
.project-card-title {
|
|
@apply text-base;
|
|
}
|
|
}
|
|
</style>
|