From e12ebc9b0dcf787e30b7338497a3da666847d28e Mon Sep 17 00:00:00 2001 From: Paul Date: Sun, 25 Jul 2021 10:56:22 +0100 Subject: [PATCH] Fix scrollbar on server list. --- .../navigation/left/ServerListSidebar.tsx | 37 ++++++++++--------- 1 file changed, 20 insertions(+), 17 deletions(-) diff --git a/src/components/navigation/left/ServerListSidebar.tsx b/src/components/navigation/left/ServerListSidebar.tsx index 06509437..b8b9b325 100644 --- a/src/components/navigation/left/ServerListSidebar.tsx +++ b/src/components/navigation/left/ServerListSidebar.tsx @@ -99,8 +99,7 @@ const ServerEntry = styled.div<{ active: boolean; home?: boolean }>` > div { height: 42px; - padding-left: 4px; - padding-right: 6px; + padding-left: 10px; display: grid; place-items: center; @@ -132,9 +131,7 @@ const ServerEntry = styled.div<{ active: boolean; home?: boolean }>` `} svg { - width: 57px; - height: 117px; - margin-top: 4px; + margin-top: 5px; display: relative; pointer-events: none; @@ -153,13 +150,23 @@ function Swoosh() { return ( - - - + width="56" + height="103" + viewBox="0 0 56 103" + fill="none" + xmlns="http://www.w3.org/2000/svg"> + + + ); @@ -240,11 +247,7 @@ export function ServerListSidebar({ unreads, lastOpened }: Props) { }> - +