learndb/src/Review.svelte

22 wiersze
677 B
Svelte

<script>
export let review;
</script>
<style>
.line-clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
</style>
<article class="px-3 py-4 bg-neutral_light text-neutral_dark rounded-lg text-xs w-48 max-w-sm shrink-0 md:w-full">
<h3 class="font-semibold">{(review.blurb && (review.blurb.slice(0,10) + "...")) || ""}</h3>
<p class="mt-2 line-clamp">{review.blurb || ""}</p>
<div class="mt-3 flex flex-col">
{#if review.rating}
<sl-rating readonly value={review.rating}></sl-rating>
{/if}
<span class="font-bold">{review.by_creator}</span>
</div>
</article>