format code

This commit is contained in:
sevichecc 2023-01-30 13:53:06 +08:00
parent 9acbd6721b
commit 3c28b61096
14 changed files with 25 additions and 26 deletions

View file

@ -29,4 +29,4 @@
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
loading="lazy"
allowfullscreen />
</div>
</div>

View file

@ -43,4 +43,4 @@
{/if}
</p>
</div>
</footer>
</footer>

View file

@ -135,4 +135,4 @@
class="border-4 border-base-content/10 group-hover:border-transparent col-start-1 row-start-1 rounded-full w-full h-full p-4 grid duration-500 ease-in-out">
<span class="i-heroicons-solid-chevron-up !w-6 !h-6" />
</div>
</button>
</button>

View file

@ -72,4 +72,4 @@
{/if}
{/each}
</ul>
</div>
</div>

View file

@ -7,18 +7,17 @@
<div class="h-card flex flex-col gap-4 card card-body p-4 items-right xl:border-2 xl:py-8 border-base-content/10 ">
<a href={site.protocol + site.domain} class="hidden u-url u-uid">{site.author.name}</a>
<figure class="relative mx-auto group">
{#if site.author.avatar}
<img
class="u-photo rounded-full shadow-xl w-32 h-32 hover:rotate-[360deg] transition-transform duration-1000 ease-in-out"
src={site.author.avatar}
alt={site.author.name} />
{/if}
{#if site.author.status}
<div
class="heart absolute rounded-full w-10 h-10 bottom-0 right-0 bg-base-100 shadow-xl text-xl text-center py-1.5">
{site.author.status}
</div>
{/if}
{#if site.author.avatar}
<img
class="u-photo rounded-full shadow-xl w-32 h-32 hover:rotate-[360deg] transition-transform duration-1000 ease-in-out"
src={site.author.avatar}
alt={site.author.name} />
{/if}
{#if site.author.status}
<div class="heart absolute rounded-full w-10 h-10 bottom-0 right-0 bg-base-100 shadow-xl text-xl text-center py-1.5">
{site.author.status}
</div>
{/if}
</figure>
<div class="text-center flex flex-col gap-2">
<h2 class="text-2xl font-bold mt-0 mb-2 p-name">{site.author.name}</h2>

View file

@ -9,4 +9,4 @@
<svelte:component this={action} {post} />
{/each}
{/if}
</div>
</div>

View file

@ -40,4 +40,4 @@
{/key}
{/if}
</div>
{/if}
{/if}

View file

@ -54,4 +54,4 @@
</div>
</div>
{/if}
</nav>
</nav>

View file

@ -14,4 +14,4 @@
<span class="i-heroicons-outline-reply my-auto !w-4 !h-4" />
{in_reply_to}
</a>
</div>
</div>

View file

@ -77,4 +77,4 @@
{/each}
</ul>
</nav>
</aside>
</aside>

View file

@ -34,4 +34,4 @@
</picture>
{:else}
<img {src} {alt} class={className ?? 'rounded-lg my-2'} {loading} {decoding} />
{/if}
{/if}

View file

@ -10,4 +10,4 @@
out:fly={{ y: -100, duration: 300 }}>
<slot />
</div>
{/key}
{/key}

View file

@ -16,7 +16,7 @@
let { res, path } = data
$: if (data) path = data.path
posts.set(res)
tags.set(genTags(res))
onMount(
@ -37,4 +37,4 @@
<Transition {path}>
<slot />
</Transition>
</Transition>

View file

@ -1,5 +1,5 @@
---
title: CSS · 玻璃按钮和优雅的文字描边
title: CSS · 新拟态玻璃按钮和优雅的文字描边
created: 2023-01-29
summary: Glass buttons and elegant text stroke
tags: