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); }