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

Refactor the client to implement a channel navbar #76

Open
twig wants to merge 23 commits from navbar into main
pull from: navbar
merge into: gorb:main
Conversation 3 Commits 23 Files changed 13 +21 -16
3 changed files with 21 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 27a30d08a6 - Show all commits

31
components/Guild/GuildSidebar.vue
View file

@ -48,20 +48,6 @@ function toggleGuildSettings(e: Event) {
</script>
<style scoped>
#channels-list {
background: var(--optional-channel-list-background);
background-color: var(--sidebar-background-color);
display: flex;
flex-direction: column;
gap: .5em;
text-overflow: ellipsis;
padding-top: .5em;
padding-bottom: .5em;
max-height: calc(100% - 1em); /* 100% - top and bottom padding */
}
#guild-top-container {
min-height: var(--navbar-height);
max-height: var(--navbar-height);
@ -87,4 +73,21 @@ function toggleGuildSettings(e: Event) {
border: none;
padding: 0%;
}
#channels-list {
background: var(--optional-channel-list-background);
background-color: var(--sidebar-background-color);
display: flex;
flex-direction: column;
gap: .5em;
text-overflow: ellipsis;
padding-top: .5em;
padding-bottom: .5em;
max-height: calc(100% - 1em); /* 100% - top and bottom padding */
padding-left: .5em;
padding-right: .5em;
}
</style>

3
components/Guild/MemberList.vue
View file

@ -40,5 +40,8 @@ const members = await fetchMembers(props.guild.uuid)
flex-direction: column;
overflow-x: hidden;
overflow-y: scroll;
padding-left: .5em;
padding-right: .5em;
}
</style>

3
components/UserInterface/ResizableSidebar.vue
View file

@ -135,8 +135,7 @@ function loadStoredWidth() {
.sidebar-content {
width: 100%;
padding-left: .25em;
padding-right: .25em;
height: 100%;
}
.sidebar-content > :first-child {