fix sidebar fly animation

This commit is contained in:
hippoz 2022-05-05 20:35:00 +03:00
parent b93b610eef
commit d0a61450c5
Signed by: hippoz
GPG key ID: 7C52899193467641

View file

@ -1,8 +1,7 @@
<script>
import { HashIcon, PlusIcon, MoreVerticalIcon, SettingsIcon } from "svelte-feather-icons";
import { quadInOut } from "svelte/easing";
import { fly } from "svelte/transition";
import { maybeFade } from "../animations";
import { maybeFly } from "../animations";
import { channels, overlayStore, selectedChannel, showChannelView, showSidebar, smallViewport, userInfoStore } from "../stores";
import UserTopBar from "./UserTopBar.svelte";
@ -31,7 +30,7 @@ import { maybeFade } from "../animations";
};
</script>
<div class="sidebar-container" transition:maybeFade="{{ duration: 200, easing: quadInOut, x: -10 }}" on:outroend="{ outroEnd }">
<div class="sidebar-container" transition:maybeFly="{{ duration: 200, easing: quadInOut, x: -10 }}" on:outroend="{ outroEnd }">
<UserTopBar />
<div class="sidebar">
{#each $channels as channel (channel.id)}