decrease mobile view width breakpoint

spacebarchat · Sep 4, 2023 · dc3fb2e · dc3fb2e
1 parent 03e3e11
commit dc3fb2e
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/components/ChannelSidebar.tsx b/src/components/ChannelSidebar.tsx
@@ -13,7 +13,7 @@ const Wrapper = styled(Container)`
 	flex: 0 0 240px;
 	background-color: var(--background-secondary);
 
-	@media (max-width: 1080px) {
+	@media (max-width: 810px) {
 		display: none;
 	}
 `;

diff --git a/src/components/GuildSidebar.tsx b/src/components/GuildSidebar.tsx
@@ -18,7 +18,7 @@ const List = styled.ul`
 	flex: 0 0 48px;
 	align-items: center;
 
-	@media (max-width: 1080px) {
+	@media (max-width: 560px) {
 		display: none;
 	}
 `;

diff --git a/src/components/MemberList.tsx b/src/components/MemberList.tsx
@@ -8,7 +8,7 @@ const Container = styled.div`
 	background-color: var(--background-secondary);
 	height: 100%;
 
-	@media (max-width: 1080px) {
+	@media (max-width: 1050px) {
 		display: none;
 	}
 `;

diff --git a/src/components/messaging/ChatHeader.tsx b/src/components/messaging/ChatHeader.tsx
@@ -63,7 +63,7 @@ const ActionItemsWrapper = styled.div`
 	margin-right: 15%;
 
 	// remove the temporary padding that moves it over the chat area on smaller screens where the member list is hidden
-	@media (max-width: 1080px) {
+	@media (max-width: 1050px) {
 		margin-right: auto;
 	}
 `;