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

Compare commits

base: gorb:118f098b460c4f3690f38c6fffa4b6e7d75fb563
Branches Tags
gorb:main
gorb:temmie/improved-client-theming
gorb:websocket-rewrite
gorb:members-list-pagination
gorb:staging
gorb:server-side-token
gorb:device-list
gorb:dev
gorb:tauri
...
compare: gorb:60e7a42f925eb76e6fb196245e2d308b50ef42b2
Branches Tags
gorb:temmie/improved-client-theming
gorb:main
gorb:websocket-rewrite
gorb:members-list-pagination
gorb:staging
gorb:server-side-token
gorb:device-list
gorb:dev
gorb:tauri

2 commits
118f098b46 ... 60e7a42f92

Author SHA1 Message Date
SauceyRed
60e7a42f92
feat: convert friends list sidebar into resizable sidebar
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details
ci/woodpecker/pr/build-and-publish Pipeline was successful
Details
2025-07-18 04:37:49 +02:00
SauceyRed
89d0023c07
chore: remove unused variables in channelId view 2025-07-18 04:37:15 +02:00
2 changed files with 20 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

37
components/Me/DirectMessagesSidebar.vue
View file

@ -1,27 +1,30 @@
<template>
<div id="middle-left-column">
<div id="friend-sidebar">
<div>
<h3>Direct Messages</h3>
</div>
<VerticalSpacer />
<NuxtLink class="user-item" :href="`/me`" tabindex="0">
<Icon class="user-avatar" name="lucide:user" />
<span class="user-display-name">Friends</span>
</NuxtLink>
<VerticalSpacer />
<div id="direct-message-list">
<UserEntry v-for="user of friends" :user="user"
:href="`/me/${user.uuid}`"/>
<ResizableSidebar width="14rem" min-width="10rem" max-width="30rem" border-sides="right" local-storage-name="friendsListWidth">
<div id="middle-left-column">
<div id="friend-sidebar">
<div>
<h3>Direct Messages</h3>
</div>
<VerticalSpacer />
<NuxtLink class="user-item" :href="`/me`" tabindex="0">
<Icon class="user-avatar" name="lucide:user" />
<span class="user-display-name">Friends</span>
</NuxtLink>
<VerticalSpacer />
<div id="direct-message-list">
<UserEntry v-for="user of friends" :user="user"
:href="`/me/${user.uuid}`"/>
</div>
</div>
</div>
</div>
</ResizableSidebar>
</template>
<script lang="ts" setup>
import VerticalSpacer from '~/components/UserInterface/VerticalSpacer.vue';
import ResizableSidebar from '../UserInterface/ResizableSidebar.vue';
const { fetchFriends } = useApi();

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

@ -53,10 +53,7 @@ const members = ref<GuildMemberResponse[]>();
const showInvitePopup = ref(false);
const showGuildSettings = ref(false);
const middleLeftColumnWidth = ref<number>();
const middleLeftColumnName = "channelsListWidth";
const membersContainerWidth = ref<number>();
const membersContainername = "membersListWidth"
//const servers = await fetchWithApi("/servers") as { uuid: string, name: string, description: string }[];