From 49e8c3425490fd72ca5430ee8a23759b8a970e64 Mon Sep 17 00:00:00 2001
From: JustTemmie <47639983+JustTemmie@users.noreply.github.com>
Date: Fri, 18 Jul 2025 07:44:07 +0200
Subject: [PATCH] fix: make channel list and DM list width share storage name

---
 components/Me/DirectMessagesSidebar.vue           | 2 +-
 pages/servers/[serverId]/channels/[channelId].vue | 9 +++------
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/components/Me/DirectMessagesSidebar.vue b/components/Me/DirectMessagesSidebar.vue
index b3d1788..b06890b 100644
--- a/components/Me/DirectMessagesSidebar.vue
+++ b/components/Me/DirectMessagesSidebar.vue
@@ -1,5 +1,5 @@
 <template>
-	<ResizableSidebar width="14rem" min-width="10rem" max-width="30rem" border-sides="right" local-storage-name="friendsListWidth">
+	<ResizableSidebar width="14rem" min-width="8rem" max-width="30rem" border-sides="right" local-storage-name="middleLeftColumn">
 		<div id="middle-left-column">
 			<div id="friend-sidebar">
 				<div>
diff --git a/pages/servers/[serverId]/channels/[channelId].vue b/pages/servers/[serverId]/channels/[channelId].vue
index 801680b..045a269 100644
--- a/pages/servers/[serverId]/channels/[channelId].vue
+++ b/pages/servers/[serverId]/channels/[channelId].vue
@@ -1,8 +1,8 @@
 <template>
 	<NuxtLayout name="client">
 		<ResizableSidebar
-				width="14rem" min-width="5rem" max-width="30rem"
-				border-sides="right" :local-storage-name="middleLeftColumnName">
+				width="14rem" min-width="8rem" max-width="30rem"
+				border-sides="right" local-storage-name="middleLeftColumn">
 			<div id="middle-left-column" class="main-grid-row">
 				<div id="server-name-container">
 					<span id="server-name" :title="server?.name">{{ server?.name }}</span>
@@ -21,7 +21,7 @@
 		<MessageArea :channel-url="channelUrlPath" />
 		<ResizableSidebar
 				width="14rem" min-width="5.5rem" max-width="30rem"
-				border-sides="left" :local-storage-name="membersContainername">
+				border-sides="left" local-storage-name="membersListWidth">
 			<div id="members-container">
 				<div id="members-list">
 					<MemberEntry v-for="member of members" :member="member" tabindex="0"/>
@@ -53,9 +53,6 @@ const members = ref<GuildMemberResponse[]>();
 const showInvitePopup = ref(false);
 const showGuildSettings = ref(false);
 
-const middleLeftColumnName = "channelsListWidth";
-const membersContainername = "membersListWidth"
-
 //const servers = await fetchWithApi("/servers") as { uuid: string, name: string, description: string }[];
 //console.log("channelid: servers:", servers);