studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

show only authorized projects

Browse source
This commit is contained in:
isUnknown 2024-11-11 17:12:26 +01:00
parent 7d2343fc4d
commit 0fad9cf1d2
8 changed files with 152 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/comments/Comment.vue
View file

@ -1,5 +1,9 @@
<template>
<article class="comment | flow" :data-status="setStatus(comment)">
<article
:id="`comment-${comment.id}`"
class="comment | flow"
:data-status="setStatus(comment)"
>
<header>
<p>
<strong>{{ comment.author.name ?? comment.author.email }}</strong>
@ -126,7 +130,12 @@ async function deleteComment(event, comment) {
border-radius: var(--rounded-lg);
padding: var(--space-12);
color: var(--color-grey-400);
transition: border-color 0.1s ease-in-out;
}
.comment.highlight {
border-color: #fff;
}
.comment header p {
display: flex;
gap: var(--space-8);