SevicheCC/Urara-Blog
1
0
Fork 0
mirror of https://github.com/Sevichecc/Urara-Blog.git synced 2025-04-30 23:29:30 +08:00
Code Issues Projects Releases Packages Wiki Activity

merge with upsteam e5438c818b

Browse source
This commit is contained in:
sevichecc 2022-11-19 17:06:15 +08:00
parent 9f3dd18a29
commit da8707e219
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/lib/components/post_card.svelte
View file

@ -72,9 +72,11 @@
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
{#if post.image && !preview} {#if post.image && !preview}
<figure <figure
class={`md:order-last mb-4 ${post.type === 'article' ? 'flex-col gap-2 -mx-4 -mt-8 md:mt-0' : 'flex-col -mx-8'}`}> class={`md:order-last rounded-box shadow-xl mb-4 ${
post.type === 'article' ? 'flex-col gap-2 -mx-4 -mt-8 md:mt-0' : 'flex-col -mx-8'
}`}>
<Image <Image
class={`${post.type === 'article' ? 'u-featured rounded-box shadow-xl' : 'u-photo'}`} class={`${post.type === 'article' ? 'u-featured' : 'u-photo'}`}
src={post.image} src={post.image}
alt={post.image} alt={post.image}
{loading} {loading}
@ -86,7 +88,7 @@
{#if preview} {#if preview}
<h2 <h2
itemprop="name headline" itemprop="name headline"
class="card-title text-2xl mr-auto bg-[length:100%_0%] bg-[position:0_88%] underline decoration-4 decoration-transparent group-hover:decoration-primary hover:bg-[length:100%_100%] hover:text-primary-content bg-gradient-to-t from-primary to-primary bg-no-repeat transition-all ease-in-out duration-300"> class="card-title text-3xl mr-auto bg-[length:100%_0%] bg-[position:0_88%] underline decoration-4 decoration-transparent group-hover:decoration-primary hover:bg-[length:100%_100%] hover:text-primary-content bg-gradient-to-t from-primary to-primary bg-no-repeat transition-all ease-in-out duration-300">
<a itemprop="url" class="u-url p-name" href={post.path}>{post.title ?? post.path.slice(1)}</a> <a itemprop="url" class="u-url p-name" href={post.path}>{post.title ?? post.path.slice(1)}</a>
</h2> </h2>
{:else} {:else}