versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2025-12-06 08:28:20 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: ♻️ Use "header" HTML tag for note headers

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-11-30 17:17:16 +01:00
parent 33cf7f5806
commit 97566289cd
No known key found for this signature in database
2 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/notes/note.vue
View file

@ -1,6 +1,6 @@
<template>
<Card as="article" class="rounded-none border-0 duration-200 shadow-none">
<CardHeader class="pb-4">
<CardHeader class="pb-4" as="header">
<ReblogHeader v-if="note.reblog" :avatar="note.account.avatar"
:display-name="note.account.display_name" :url="reblogAccountUrl" />
<Header :avatar="noteToUse.account.avatar" :corner-avatar="note.reblog ? note.account.avatar : undefined"

16
components/ui/card/CardHeader.vue
View file

@ -1,14 +1,18 @@
<script setup lang="ts">
import { cn } from "@/lib/utils";
import { Primitive, type PrimitiveProps } from "radix-vue";
import type { HTMLAttributes } from "vue";
const props = defineProps<{
class?: HTMLAttributes["class"];
}>();
const props = withDefaults(
defineProps<PrimitiveProps & { class?: HTMLAttributes["class"] }>(),
{
as: "div",
},
);
</script>
<template>
<div :class="cn('flex flex-col gap-y-1.5 p-6', props.class)">
<slot />
</div>
<Primitive :as="props.as" :as-child="props.asChild" :class="cn('flex flex-col gap-y-1.5 p-6', props.class)">
<slot />
</Primitive>
</template>