From 27bc4e74b99f40f46d054546e168e26d27a3c1af Mon Sep 17 00:00:00 2001 From: trashtemp <96388163+trashtemp@users.noreply.github.com> Date: Mon, 20 Dec 2021 14:56:37 +0100 Subject: [PATCH] fix: fixed channel sidebar on mobile --- src/components/navigation/SidebarBase.tsx | 2 +- src/components/navigation/left/ServerSidebar.tsx | 2 +- src/pages/RevoltApp.tsx | 2 +- src/pages/settings/Settings.module.scss | 6 ++++++ 4 files changed, 9 insertions(+), 3 deletions(-) diff --git a/src/components/navigation/SidebarBase.tsx b/src/components/navigation/SidebarBase.tsx index d1646f95..bc682c8a 100644 --- a/src/components/navigation/SidebarBase.tsx +++ b/src/components/navigation/SidebarBase.tsx @@ -14,7 +14,7 @@ export const GenericSidebarBase = styled.div<{ mobilePadding?: boolean; }>` height: 100%; - width: 236px; + width: 232px; display: flex; flex-shrink: 0; flex-direction: column; diff --git a/src/components/navigation/left/ServerSidebar.tsx b/src/components/navigation/left/ServerSidebar.tsx index 6c6b68ce..19e74a73 100644 --- a/src/components/navigation/left/ServerSidebar.tsx +++ b/src/components/navigation/left/ServerSidebar.tsx @@ -32,7 +32,7 @@ interface Props { const ServerBase = styled.div` height: 100%; - width: 236px; + width: 232px; display: flex; flex-shrink: 0; flex-direction: column; diff --git a/src/pages/RevoltApp.tsx b/src/pages/RevoltApp.tsx index 41f31980..4438e4f3 100644 --- a/src/pages/RevoltApp.tsx +++ b/src/pages/RevoltApp.tsx @@ -62,7 +62,7 @@ export default function App() { } rightPanel={ !inSpecial && inChannel - ? { width: 240, component: } + ? { width: 236, component: } : undefined } bottomNav={{ diff --git a/src/pages/settings/Settings.module.scss b/src/pages/settings/Settings.module.scss index d7c776c7..97e0f3d0 100644 --- a/src/pages/settings/Settings.module.scss +++ b/src/pages/settings/Settings.module.scss @@ -199,6 +199,12 @@ margin: 14px 0; } + /*a { + &:hover { + text-decoration: underline; + } + }*/ + h1 { margin: 0; line-height: 1rem;