gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

fix: that the reset context menu option reset resizable sidebar width to the localStorage value rather than the default value
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details
ci/woodpecker/pr/build-and-publish Pipeline was successful
Details

Browse source
This commit is contained in:
SauceyRed 2025-07-18 04:09:16 +02:00
parent 317ec4bcd6
commit 118f098b46
Signed by: sauceyred
GPG key ID: 2BF92EB6D8A5CCA7
2 changed files with 21 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

20
pages/servers/[serverId]/channels/[channelId].vue
View file

@ -1,8 +1,7 @@
<template>
<NuxtLayout name="client">
<ResizableSidebar
:width="middleLeftColumnWidth ? `${middleLeftColumnWidth}px` : '14rem'"
min-width="5rem" max-width="30rem"
width="14rem" min-width="5rem" max-width="30rem"
border-sides="right" :local-storage-name="middleLeftColumnName">
<div id="middle-left-column" class="main-grid-row">
<div id="server-name-container">
@ -21,8 +20,7 @@
</ResizableSidebar>
<MessageArea :channel-url="channelUrlPath" />
<ResizableSidebar
:width="membersContainerWidth ? `${membersContainerWidth}px` : '14rem'"
min-width="5.5rem" max-width="30rem"
width="14rem" min-width="5.5rem" max-width="30rem"
border-sides="left" :local-storage-name="membersContainername">
<div id="members-container">
<div id="members-list">
@ -77,8 +75,6 @@ onMounted(async () => {
onActivated(async () => {
console.log("activating");
loadSidebarWidths();
console.log("loaded sidebar widths");
const guildUrl = `guilds/${route.params.serverId}`;
server.value = await fetchWithApi(guildUrl);
console.log("fetched guild");
@ -95,18 +91,6 @@ async function setArrayVariables() {
console.log("channel:", channel.value);
}
function loadSidebarWidths() {
const channelsListWidth = localStorage.getItem(middleLeftColumnName);
if (channelsListWidth) {
middleLeftColumnWidth.value = parseInt(channelsListWidth) || undefined;
}
const membersListWidth = localStorage.getItem(membersContainername);
if (membersListWidth) {
membersContainerWidth.value = parseInt(membersListWidth) || undefined;
}
}
function toggleGuildSettings(e: Event) {
e.preventDefault();
showGuildSettings.value = !showGuildSettings.value;