mirror of
https://github.com/MCKero6423/fuwari.git
synced 2026-10-02 03:15:35 +00:00
34 lines
821 B
Plaintext
34 lines
821 B
Plaintext
---
|
|
import Profile from "./Profile.astro";
|
|
import RecentPost from "./RecentPost.astro";
|
|
import Tag from "./Tags.astro";
|
|
import Categories from "./Categories.astro";
|
|
|
|
const className = Astro.props.class;
|
|
---
|
|
<div id="sidebar" class:list={[className, "w-full"]} transition:persist>
|
|
<div class="flex flex-col w-full gap-4 mb-4">
|
|
<Profile></Profile>
|
|
</div>
|
|
<div class="flex flex-col w-full gap-4 top-4 sticky top-4" transition:animate="none">
|
|
<Categories></Categories>
|
|
<RecentPost></RecentPost>
|
|
<Tag></Tag>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
#sidebar {
|
|
view-transition-name: ssss;
|
|
}
|
|
/* TODO temporarily */
|
|
html::view-transition-old(ssss) {
|
|
mix-blend-mode: normal;
|
|
animation: none;
|
|
}
|
|
html::view-transition-new(ssss) {
|
|
mix-blend-mode: normal;
|
|
animation: none;
|
|
}
|
|
</style>
|