From d0a61450c58dffc87db84d4705cfa07f59f668d2 Mon Sep 17 00:00:00 2001
From: hippoz <10706925-hippoz@users.noreply.gitlab.com>
Date: Thu, 5 May 2022 20:35:00 +0300
Subject: [PATCH] fix sidebar fly animation

---
 frontend/src/components/Sidebar.svelte | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Sidebar.svelte b/frontend/src/components/Sidebar.svelte
index aab85d6..c2a4756 100644
--- a/frontend/src/components/Sidebar.svelte
+++ b/frontend/src/components/Sidebar.svelte
@@ -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)}