forked from didirus/AstralRinth
2aabcf36ee
* refactor: migrate to common eslint+prettier configs * fix: prettier frontend * feat: config changes * fix: lint issues * fix: lint * fix: type imports * fix: cyclical import issue * fix: lockfile * fix: missing dep * fix: switch to tabs * fix: continue switch to tabs * fix: rustfmt parity * fix: moderation lint issue * fix: lint issues * fix: ui intl * fix: lint issues * Revert "fix: rustfmt parity" This reverts commit cb99d2376c321d813d4b7fc7e2a213bb30a54711. * feat: revert last rs
27 lines
798 B
Vue
27 lines
798 B
Vue
<template>
|
|
<div
|
|
class="grid grid-cols-1 gap-x-8 gap-y-6 border-0 border-b border-solid border-divider pb-4 lg:grid-cols-[1fr_auto]"
|
|
>
|
|
<div class="flex gap-4">
|
|
<slot name="icon" />
|
|
<div class="flex flex-col gap-1">
|
|
<div class="flex flex-wrap items-center gap-2">
|
|
<h1 class="m-0 text-2xl font-extrabold leading-none text-contrast">
|
|
<slot name="title" />
|
|
</h1>
|
|
<slot name="title-suffix" />
|
|
</div>
|
|
<p v-if="$slots.summary" class="m-0 line-clamp-2 max-w-[40rem] empty:hidden">
|
|
<slot name="summary" />
|
|
</p>
|
|
<div v-if="$slots.stats" class="mt-auto flex flex-wrap gap-4 empty:hidden">
|
|
<slot name="stats" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-wrap gap-2 items-center">
|
|
<slot name="actions" />
|
|
</div>
|
|
</div>
|
|
</template>
|