mirror of
https://github.com/Sevichecc/Urara-Blog.git
synced 2025-04-30 11:29:29 +08:00
46 lines
1.3 KiB
Svelte
46 lines
1.3 KiB
Svelte
<script lang="ts">
|
|
import { fly } from 'svelte/transition'
|
|
import { browser } from '$app/env'
|
|
import Card from '$lib/components/post_card.svelte'
|
|
import Head from '$lib/components/head.svelte'
|
|
import Toc from '$lib/components/post_toc.svelte'
|
|
import Action from '$lib/components/post_action.svelte'
|
|
import Footer from '$lib/components/footer.svelte'
|
|
export let post: Urara.Post
|
|
|
|
import { onMount } from 'svelte'
|
|
import { copyCode } from '$lib/utils/copyCode'
|
|
|
|
onMount(() => {
|
|
copyCode()
|
|
})
|
|
</script>
|
|
|
|
<Head {post} />
|
|
|
|
<div class="flex flex-col flex-nowrap justify-center xl:flex-row xl:flex-wrap">
|
|
<div
|
|
in:fly={{ x: 25, duration: 300, delay: 500 }}
|
|
out:fly={{ x: 25, duration: 300 }}
|
|
class="flex-1 w-full max-w-screen-md order-first ease-out transform mx-auto xl:mr-0">
|
|
{#if browser}
|
|
<Action {post} />
|
|
{/if}
|
|
</div>
|
|
<div
|
|
in:fly={{ x: -25, duration: 300, delay: 500 }}
|
|
out:fly={{ x: -25, duration: 300 }}
|
|
class="flex-1 w-full max-w-screen-md xl:order-last ease-out transform mx-auto xl:mr-0">
|
|
{#if browser && post.toc}
|
|
<div class="h-full hidden xl:block">
|
|
<Toc toc={post.toc} />
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
<div class="flex-none w-full max-w-screen-md mx-auto xl:mx-0">
|
|
<Card {post}>
|
|
<slot />
|
|
</Card>
|
|
<Footer sticky={true} />
|
|
</div>
|
|
</div>
|