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

refactor: move resizableSidebar padding into children

Browse source
This commit is contained in:
Twig 2025-08-13 20:56:00 +02:00
parent e64cc878b8
commit 27a30d08a6
Signed by: twig
SSH key fingerprint: SHA256:nBO+OwpTkd8LYhe38PIqdxmDvkIg9Vw2EbrRZM97dkU
3 changed files with 21 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

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 {