servius/sukr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update to latest astro ink version

Browse Source
This commit is contained in:
Timothy DeHerrera
2024-07-06 14:41:28 -06:00
parent 97aa45c32e
commit e4620874f9
84 changed files with 13949 additions and 4620 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/MediaPreview.astro
View File

@@ -1,5 +1,6 @@
---
import { getMonthName } from '$/utils'
import { USE_MEDIA_THUMBNAIL } from '$/config'
const { post } = Astro.props
---
<div class="post-preview">
@@ -9,15 +10,19 @@ const { post } = Astro.props
<span class="post-preview__date__month-n-year">{ `${getMonthName(post.date)} ${new Date(post.date).getFullYear()}` }</span>
</div>
</div>
<div class="flex-1">
<div class={`flex-1 ${USE_MEDIA_THUMBNAIL && post.thumbnail ? 'flex flex-row gap-4' : ''}`}>
{ USE_MEDIA_THUMBNAIL && post.thumbnail && <img class="post-preview__media" src= {post.thumbnail} alt="media thumbnail" />}
<div class="flex flex-col mb-2">
<h4 class="post-preview__title">
<h4 class="post-preview__title dark:text-theme-dark-primary">
<a href={post.url} title={post.title} target="_blank">{post.title}</a>
</h4>
<div>
<strong>{post.host}</strong>
{
post.participants.length > 0 && ` <em>with</em> ${post.participants.join(', ')}`
post.participants.length > 0 && <em>with</em>
}
{
post.participants.length > 0 && `${post.participants.join(', ')}`
}
</div>
</div>
@@ -40,9 +45,12 @@ const { post } = Astro.props
@apply text-gray-400
}
.post-preview__title {
@apply text-2xl font-semibold text-theme-primary dark:text-theme-dark-primary hover:underline
@apply text-2xl font-semibold text-theme-primary dark:text-theme-dark-primary /* this doesn't works here */ hover:underline
}
.post-preview__desc {
@apply text-lg leading-6 dark:text-white line-clamp-2
@apply text-lg leading-6 dark:text-white line-clamp-2 hyphens-auto
}
.post-preview__media {
@apply w-48 rounded-md shadow-lg shadow-theme-accent-gray-light dark:shadow-theme-accent-gray-dark
}
</style>