diff --git a/layouts/client.vue b/layouts/client.vue
index b7b099f..7227644 100644
--- a/layouts/client.vue
+++ b/layouts/client.vue
@@ -25,23 +25,6 @@
-
@@ -69,11 +52,9 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds");
.visible {
opacity: 100%;
transition: opacity 500ms;
- transition: opacity 500ms;
}
#homebar {
- min-height: 4dvh;
min-height: 4dvh;
display: flex;
justify-content: space-evenly;
@@ -81,7 +62,6 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds");
background: var(--optional-topbar-background);
background-color: var(--topbar-background-color);
border-bottom: 1px solid var(--padding-color);
- border-bottom: 1px solid var(--padding-color);
padding-left: 5dvw;
padding-right: 5dvw;
@@ -91,18 +71,11 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds");
width: 100dvw;
}
-.homebar-item {
- width: 100dvw;
-}
-
#page-content {
display: flex;
flex-direction: row;
flex-grow: 1;
overflow: auto;
- flex-direction: row;
- flex-grow: 1;
- overflow: auto;
}
#left-column {
@@ -111,23 +84,12 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds");
gap: .75em;
padding-left: .25em;
padding-right: .25em;
- gap: .75em;
- padding-left: .25em;
- padding-right: .25em;
border-right: 1px solid var(--padding-color);
background: var(--optional-sidebar-background);
background-color: var(--sidebar-background-color);
padding-top: .5em;
}
-#servers-list {
- display: flex;
- flex-direction: column;
- gap: 1em;
- width: 3.2rem;
- padding-top: .5em;
-}
-
#servers-list {
display: flex;
flex-direction: column;
@@ -136,19 +98,9 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds");
}
#middle-left-column {
- padding-left: .25em;
- padding-right: .25em;
padding-left: .25em;
padding-right: .25em;
border-right: 1px solid var(--padding-color);
- min-width: 13em;
- overflow-y: scroll;
- overflow-x: hidden;
-}
-
-.sidebar-icon {
- width: 3rem;
- height: 3rem;
min-width: 10em;
overflow-y: scroll;
overflow-x: hidden;
@@ -167,7 +119,6 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds");
#settings-menu {
position: absolute;
bottom: .25em
- bottom: .25em
}
\ No newline at end of file
diff --git a/pages/servers/[serverId]/channels/[channelId].vue b/pages/servers/[serverId]/channels/[channelId].vue
index 4873094..5c55655 100644
--- a/pages/servers/[serverId]/channels/[channelId].vue
+++ b/pages/servers/[serverId]/channels/[channelId].vue
@@ -91,7 +91,7 @@ function handleMemberClick(member: GuildMemberResponse) {
}
#members-container {
- width: 15rem;
+ width: 12rem;
border-left: 1px solid var(--padding-color);
background: var(--optional-member-list-background);
}