Skip to content

Commit

Permalink
fix: news card styling
Browse files Browse the repository at this point in the history
  • Loading branch information
qin-guan committed Oct 1, 2023
1 parent f9890b6 commit de2694e
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion components/app/home/news.vue
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ const { data: news, isLoading: newsIsLoading } = useNewsArticles()
Check back later!
</span>
<f7Card v-for="article in news" :key="article.id" class="m-0!">
<f7CardHeader class="h-45 rounded-[16px]! overflow-hidden bg-center bg-contain relative" valign="bottom" :style="`background-image: url(${article.heroImageUrl})`">
<f7CardHeader class="h-44 rounded-[16px]! overflow-hidden bg-center bg-cover relative" valign="bottom" :style="`background-image: url(${article.heroImageUrl})`">
<div class="absolute inset-0 bg-gradient-to-b from-transparent dark:to-black/70 to-white/70" />
<span class="z-10 font-semibold">
{{ article.title }}
Expand Down

0 comments on commit de2694e

Please # to comment.