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;