From 0afb269788bcb504cbc8540575dc2b331c0b4fd3 Mon Sep 17 00:00:00 2001 From: JustTemmie <47639983+JustTemmie@users.noreply.github.com> Date: Mon, 7 Jul 2025 20:40:49 +0200 Subject: [PATCH 01/16] feat: start adding back button for settings --- pages/settings.vue | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/pages/settings.vue b/pages/settings.vue index 1380283..4c36914 100644 --- a/pages/settings.vue +++ b/pages/settings.vue @@ -3,6 +3,13 @@
From 8fa8aabfce475fd1f597ba010f71b7a2a646da75 Mon Sep 17 00:00:00 2001 From: JustTemmie <47639983+JustTemmie@users.noreply.github.com> Date: Mon, 7 Jul 2025 21:00:42 +0200 Subject: [PATCH 02/16] feat: more theme styling options, and description.css --- app.vue | 2 +- components/MessageArea.vue | 3 +- .../[serverId]/channels/[channelId].vue | 1 + public/themes/ash.css | 1 + public/themes/dark.css | 1 + public/themes/description.css | 28 +++++++++++++++++++ public/themes/light.css | 1 + public/themes/rainbow-capitalism.css | 6 +++- 8 files changed, 40 insertions(+), 3 deletions(-) create mode 100644 public/themes/description.css diff --git a/app.vue b/app.vue index 7af306b..cb5ec34 100644 --- a/app.vue +++ b/app.vue @@ -33,7 +33,7 @@ body { font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; color: var(--text-color); - background: var(--optional-chat-background); + background: var(--optional-body-background); background-color: var(--chat-background-color); margin: 0; } diff --git a/components/MessageArea.vue b/components/MessageArea.vue index 18b9ac5..81221f0 100644 --- a/components/MessageArea.vue +++ b/components/MessageArea.vue @@ -259,6 +259,7 @@ router.beforeEach((to, from, next) => { margin-bottom: 1dvh; margin-left: 1dvw; margin-right: 1dvw; + background: var(--optional-message-box-background); } #message-form { @@ -268,11 +269,11 @@ router.beforeEach((to, from, next) => { #message-box-input { width: 80%; - background-color: var(--sidebar-background-color); border: none; color: inherit; padding-left: 1dvw; padding-right: 1dvw; + background-color: var(--chatbox-background-color); } #messages { diff --git a/pages/servers/[serverId]/channels/[channelId].vue b/pages/servers/[serverId]/channels/[channelId].vue index 6bdcc7c..32b8104 100644 --- a/pages/servers/[serverId]/channels/[channelId].vue +++ b/pages/servers/[serverId]/channels/[channelId].vue @@ -95,6 +95,7 @@ function handleMemberClick(member: GuildMemberResponse) { padding-left: 1dvw; padding-right: 1dvw; border-left: 1px solid var(--padding-color); + background: var(--optional-member-list-background); } #members-list { diff --git a/public/themes/ash.css b/public/themes/ash.css index b685551..75e0745 100644 --- a/public/themes/ash.css +++ b/public/themes/ash.css @@ -7,6 +7,7 @@ --sidebar-background-color: #3e3a37; --sidebar-highlighted-background-color: #46423b; --topbar-background-color: #3a3733; + --chatbox-background-color: #3a3733 --padding-color: #e0e0e0; diff --git a/public/themes/dark.css b/public/themes/dark.css index 8245724..6bf7966 100644 --- a/public/themes/dark.css +++ b/public/themes/dark.css @@ -7,6 +7,7 @@ --sidebar-background-color: #2e2a27; --sidebar-highlighted-background-color: #36322b; --topbar-background-color: #2a2723; + --chatbox-background-color: #2a2723 --padding-color: #484848; diff --git a/public/themes/description.css b/public/themes/description.css new file mode 100644 index 0000000..1e7db0d --- /dev/null +++ b/public/themes/description.css @@ -0,0 +1,28 @@ +/* this is not a real theme, but rather a template for themes */ +:root { + --text-color: #161518; + --secondary-text-color: #2b2930; + + --chat-background-color: #80808000; + --chat-highlighted-background-color: #ffffff20; + --sidebar-background-color: #80808000; + --sidebar-highlighted-background-color: #ffffff20; + --topbar-background-color: #80808000; + + --padding-color: #80808000; + + --primary-color: #21b1ff80; + --primary-highlighted-color: #18a0df80; + --secondary-color: #ffd80080; + --secondary-highlighted-color: #dfb80080; + --accent-color: #ff218c80; + --accent-highlighted-color: #df1b6f80; + + --optional-body-background: ; /* background element for the body */ + --optional-chat-background: ; /* background element for the chat box */ + --optional-topbar-background: ; /* background element for the topbar */ + --optional-sidebar-background: ; /* background element for left server sidebar */ + --optional-channel-list-background: ; /* background element for channel list and settings list */ + --optional-member-list-background: ; /* background element for member list */ + --optional-message-box-background: ; /* background element for message box */ +} \ No newline at end of file diff --git a/public/themes/light.css b/public/themes/light.css index cb51d8c..04c2db6 100644 --- a/public/themes/light.css +++ b/public/themes/light.css @@ -7,6 +7,7 @@ --sidebar-background-color: #dbd8d4; --sidebar-highlighted-background-color: #d4d0ca; --topbar-background-color: #dfdbd6; + --chatbox-background-color: #dfdbd6 --padding-color: #484848; diff --git a/public/themes/rainbow-capitalism.css b/public/themes/rainbow-capitalism.css index 8aeffc8..32f7449 100644 --- a/public/themes/rainbow-capitalism.css +++ b/public/themes/rainbow-capitalism.css @@ -7,6 +7,7 @@ --sidebar-background-color: #80808000; --sidebar-highlighted-background-color: #ffffff20; --topbar-background-color: #80808000; + --chatbox-background-color: #80808040; --padding-color: #80808000; @@ -17,8 +18,11 @@ --accent-color: #ff218c80; --accent-highlighted-color: #df1b6f80; - --optional-chat-background: linear-gradient(45deg, #ed222480, #ed222480, #ed222480, #ed222480, #ed222480, #ed222480, #f35b2280, #f9962180, #f5c11e80, #f1eb1b80, #f1eb1b80, #f1eb1b80, #63c72080, #0c9b4980, #21878d80, #3954a580, #61379b80, #93288e80); + /* --optional-body-background: background */ + --optional-body-background: linear-gradient(45deg, #ed222480, #ed222480, #ed222480, #ed222480, #ed222480, #ed222480, #f35b2280, #f9962180, #f5c11e80, #f1eb1b80, #f1eb1b80, #f1eb1b80, #63c72080, #0c9b4980, #21878d80, #3954a580, #61379b80, #93288e80); --optional-topbar-background: linear-gradient(-12.5deg, cyan, pink, white, pink, cyan); --optional-sidebar-background: linear-gradient(90deg, #55cdfcd0, #f7a8b8d0, #ffffffd0, #f7a8b8d0, #55cdfcd0); --optional-channel-list-background: linear-gradient(82deg, #d52c00b0, #e29688b0, #ffffffb0, #d27fa4b0, #a20062b0); + --optional-member-list-background: linear-gradient(3deg, #ff0080, #c8259d, #8c4799, #442e9f, #0032a0); + --optional-message-box-background: linear-gradient(3deg, #ff0080, #c8259d, #8c4799, #442e9f, #0032a0); } \ No newline at end of file From 4ed9a406e391ce2a8e01f6e177b311a2b49037e0 Mon Sep 17 00:00:00 2001 From: JustTemmie <47639983+JustTemmie@users.noreply.github.com> Date: Mon, 7 Jul 2025 21:04:41 +0200 Subject: [PATCH 03/16] fix: add missing commas from themes --- public/themes/ash.css | 2 +- public/themes/dark.css | 2 +- public/themes/description.css | 1 + public/themes/light.css | 2 +- 4 files changed, 4 insertions(+), 3 deletions(-) diff --git a/public/themes/ash.css b/public/themes/ash.css index 75e0745..66923af 100644 --- a/public/themes/ash.css +++ b/public/themes/ash.css @@ -7,7 +7,7 @@ --sidebar-background-color: #3e3a37; --sidebar-highlighted-background-color: #46423b; --topbar-background-color: #3a3733; - --chatbox-background-color: #3a3733 + --chatbox-background-color: #3a3733; --padding-color: #e0e0e0; diff --git a/public/themes/dark.css b/public/themes/dark.css index 6bf7966..b999e93 100644 --- a/public/themes/dark.css +++ b/public/themes/dark.css @@ -7,7 +7,7 @@ --sidebar-background-color: #2e2a27; --sidebar-highlighted-background-color: #36322b; --topbar-background-color: #2a2723; - --chatbox-background-color: #2a2723 + --chatbox-background-color: #2a2723; --padding-color: #484848; diff --git a/public/themes/description.css b/public/themes/description.css index 1e7db0d..4b07f11 100644 --- a/public/themes/description.css +++ b/public/themes/description.css @@ -8,6 +8,7 @@ --sidebar-background-color: #80808000; --sidebar-highlighted-background-color: #ffffff20; --topbar-background-color: #80808000; + --chatbox-background-color: #80808000; --padding-color: #80808000; diff --git a/public/themes/light.css b/public/themes/light.css index 04c2db6..b9b7b86 100644 --- a/public/themes/light.css +++ b/public/themes/light.css @@ -7,7 +7,7 @@ --sidebar-background-color: #dbd8d4; --sidebar-highlighted-background-color: #d4d0ca; --topbar-background-color: #dfdbd6; - --chatbox-background-color: #dfdbd6 + --chatbox-background-color: #dfdbd6; --padding-color: #484848; From 180ae1e85de2b3103b0118307049ecd5d2925618 Mon Sep 17 00:00:00 2001 From: JustTemmie <47639983+JustTemmie@users.noreply.github.com> Date: Mon, 7 Jul 2025 21:27:45 +0200 Subject: [PATCH 04/16] feat: pretty button :3 --- pages/settings.vue | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/pages/settings.vue b/pages/settings.vue index 4c36914..3aac506 100644 --- a/pages/settings.vue +++ b/pages/settings.vue @@ -4,9 +4,9 @@
+
+ + + +
+ - + +
+ + + + +
@@ -249,33 +261,51 @@ router.beforeEach((to, from, next) => { } #message-box { - display: flex; - flex-direction: column; - justify-content: center; - align-content: center; - border: 1px solid var(--padding-color); - padding-bottom: 1dvh; - padding-top: 1dvh; - margin-bottom: 1dvh; + /* flex-direction: column; */ + /* justify-content: center; */ + /* align-content: center; */ + /* padding-bottom: 1dvh; */ + /* padding-top: 1dvh; */ + margin-bottom: 2dvh; margin-left: 1dvw; margin-right: 1dvw; - background: var(--optional-message-box-background); + /* background: var(--optional-message-box-background); */ } #message-form { display: flex; + flex-direction: row; + + border: 1px solid var(--padding-color); + height: 100%; + padding-left: 2%; + padding-right: 2%; + + min-height: 100%; justify-content: center; + background-color: var(--chatbox-background-color); } #message-box-input { - width: 80%; + height: 100%; + width: 100%; + margin-left: 1.5%; + margin-right: 1.5%; + + box-sizing: border-box; + display: inline-block; + vertical-align: top; + border: none; color: inherit; - padding-left: 1dvw; - padding-right: 1dvw; background-color: var(--chatbox-background-color); } +#message-box-left-elements, #message-box-right-elements { + display: flex; + align-items: center; +} + #messages { overflow-y: scroll; display: flex; @@ -284,7 +314,7 @@ router.beforeEach((to, from, next) => { padding-right: 1dvw; } -#submit-button { +.message-box-button { background-color: inherit; border: none; color: var(--primary-color); @@ -292,7 +322,7 @@ router.beforeEach((to, from, next) => { font-size: 1.5em; } -#submit-button:hover { +.message-box-button:hover { color: var(--primary-highlighted-color); cursor: pointer; } diff --git a/public/themes/dark.css b/public/themes/dark.css index b999e93..af94112 100644 --- a/public/themes/dark.css +++ b/public/themes/dark.css @@ -7,7 +7,7 @@ --sidebar-background-color: #2e2a27; --sidebar-highlighted-background-color: #36322b; --topbar-background-color: #2a2723; - --chatbox-background-color: #2a2723; + --chatbox-background-color: #1a1713; --padding-color: #484848; From 6b7fab0077cbf00327c39dbf64a9cb27119e6c08 Mon Sep 17 00:00:00 2001 From: JustTemmie <47639983+JustTemmie@users.noreply.github.com> Date: Tue, 8 Jul 2025 15:45:18 +0200 Subject: [PATCH 06/16] fix: remove unused code, set chatbox input to a transparent colour --- components/MessageArea.vue | 8 +------- 1 file changed, 1 insertion(+), 7 deletions(-) diff --git a/components/MessageArea.vue b/components/MessageArea.vue index 1247f31..9bf6df8 100644 --- a/components/MessageArea.vue +++ b/components/MessageArea.vue @@ -261,15 +261,9 @@ router.beforeEach((to, from, next) => { } #message-box { - /* flex-direction: column; */ - /* justify-content: center; */ - /* align-content: center; */ - /* padding-bottom: 1dvh; */ - /* padding-top: 1dvh; */ margin-bottom: 2dvh; margin-left: 1dvw; margin-right: 1dvw; - /* background: var(--optional-message-box-background); */ } #message-form { @@ -298,7 +292,7 @@ router.beforeEach((to, from, next) => { border: none; color: inherit; - background-color: var(--chatbox-background-color); + background-color: #00000000; /* completely transparent colour */ } #message-box-left-elements, #message-box-right-elements { From 8e9dd596a3e33e6d471418b4cdb5e296d6a6977f Mon Sep 17 00:00:00 2001 From: JustTemmie <47639983+JustTemmie@users.noreply.github.com> Date: Tue, 8 Jul 2025 20:57:40 +0200 Subject: [PATCH 07/16] feat: implement basic home page --- layouts/client.vue | 2 +- pages/home.vue | 30 ++++++++++++++++++++++++++++++ 2 files changed, 31 insertions(+), 1 deletion(-) create mode 100644 pages/home.vue diff --git a/layouts/client.vue b/layouts/client.vue index a1ee86d..516658c 100644 --- a/layouts/client.vue +++ b/layouts/client.vue @@ -7,7 +7,7 @@
- +
diff --git a/pages/home.vue b/pages/home.vue new file mode 100644 index 0000000..4182eb3 --- /dev/null +++ b/pages/home.vue @@ -0,0 +1,30 @@ + + + + + \ No newline at end of file From ffc09d4c2f246d8338b94af2f58531cead07f4b5 Mon Sep 17 00:00:00 2001 From: JustTemmie <47639983+JustTemmie@users.noreply.github.com> Date: Tue, 8 Jul 2025 20:58:40 +0200 Subject: [PATCH 08/16] fix: put the home page into index.vue instead --- layouts/client.vue | 2 +- pages/home.vue | 30 ------------------------------ pages/index.vue | 15 ++++++++++++++- 3 files changed, 15 insertions(+), 32 deletions(-) delete mode 100644 pages/home.vue diff --git a/layouts/client.vue b/layouts/client.vue index 516658c..a1ee86d 100644 --- a/layouts/client.vue +++ b/layouts/client.vue @@ -7,7 +7,7 @@
- +
diff --git a/pages/home.vue b/pages/home.vue deleted file mode 100644 index 4182eb3..0000000 --- a/pages/home.vue +++ /dev/null @@ -1,30 +0,0 @@ - - - - - \ No newline at end of file diff --git a/pages/index.vue b/pages/index.vue index f970926..4182eb3 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1,6 +1,19 @@ From b13ba80a067e14d07fbb304ec06fbbc8382e0f14 Mon Sep 17 00:00:00 2001 From: JustTemmie <47639983+JustTemmie@users.noreply.github.com> Date: Tue, 8 Jul 2025 21:00:05 +0200 Subject: [PATCH 09/16] fix: rephrase sentace from "server" to "guild" --- pages/index.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pages/index.vue b/pages/index.vue index 4182eb3..41deadf 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -7,7 +7,7 @@ Welcome to gorb :3

- Click on a server to the left to view a guild. + Click on a guild to the left to view a guild.
Or click the button in the bottom left to join a guild.

From 13971eff94a094c59b6cf6c013f4479286c13dd6 Mon Sep 17 00:00:00 2001 From: JustTemmie <47639983+JustTemmie@users.noreply.github.com> Date: Tue, 8 Jul 2025 21:11:14 +0200 Subject: [PATCH 10/16] feat: spice up the home bar --- layouts/client.vue | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/layouts/client.vue b/layouts/client.vue index a1ee86d..9ce451e 100644 --- a/layouts/client.vue +++ b/layouts/client.vue @@ -3,7 +3,9 @@
- main bar + + gorb!!!!! +
@@ -61,6 +63,11 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds"); background-color: var(--topbar-background-color); padding-left: 5dvw; padding-right: 5dvw; + +} + +.homebar-item { + width: 100dvw; } #client-root>div:nth-child(-n+4) { From 9c08db29d597aa45ccea9755d47a43e4aa8d9f4c Mon Sep 17 00:00:00 2001 From: JustTemmie <47639983+JustTemmie@users.noreply.github.com> Date: Wed, 9 Jul 2025 00:25:52 +0200 Subject: [PATCH 11/16] refactor: change the client from table to flexbox this makes the server, channel, and member list a constant size, making the text messages take up the entire remaining width this also fixes the text wrapping you have already fixed on one of your branches this change is required if we want to make the member list toggelable, or channel list resizable --- components/Channel.vue | 2 +- layouts/client.vue | 89 ++++++++----------- .../[serverId]/channels/[channelId].vue | 13 ++- 3 files changed, 46 insertions(+), 58 deletions(-) diff --git a/components/Channel.vue b/components/Channel.vue index 0f48323..6bdc28b 100644 --- a/components/Channel.vue +++ b/components/Channel.vue @@ -30,7 +30,7 @@ const isCurrentChannel = props.uuid == props.currentUuid; .channel-list-link-container { text-align: left; display: flex; - height: 4dvh; + height: 1.5em; white-space: nowrap; align-items: center; } diff --git a/layouts/client.vue b/layouts/client.vue index 9ce451e..acb408c 100644 --- a/layouts/client.vue +++ b/layouts/client.vue @@ -8,21 +8,23 @@
-
- - - -
- - - +
+
+ + + +
+ + + + +
+ +
- - - +
-
@@ -36,11 +38,10 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds"); \ No newline at end of file diff --git a/pages/servers/[serverId]/channels/[channelId].vue b/pages/servers/[serverId]/channels/[channelId].vue index 32b8104..3003e9e 100644 --- a/pages/servers/[serverId]/channels/[channelId].vue +++ b/pages/servers/[serverId]/channels/[channelId].vue @@ -91,9 +91,8 @@ function handleMemberClick(member: GuildMemberResponse) { } #members-container { - padding-top: 1dvh; - padding-left: 1dvw; - padding-right: 1dvw; + min-width: 12rem; + padding-top: 1em; border-left: 1px solid var(--padding-color); background: var(--optional-member-list-background); } @@ -103,14 +102,14 @@ function handleMemberClick(member: GuildMemberResponse) { flex-direction: column; overflow-y: scroll; max-height: 92dvh; - padding-left: 1dvw; - padding-right: 1dvw; + padding-left: 1.3em; + padding-right: 1.3em; margin-top: 1dvh; } .member-item { display: grid; - grid-template-columns: 2dvw 1fr; + grid-template-columns: 1.5em 1fr; margin-top: .5em; margin-bottom: .5em; gap: 1em; @@ -122,7 +121,7 @@ function handleMemberClick(member: GuildMemberResponse) { #channels-list { display: flex; flex-direction: column; - gap: 1dvh; + gap: .5em; } .member-avatar { From e645767cb2c09c8176ca10dbb1247d79e841750a Mon Sep 17 00:00:00 2001 From: JustTemmie <47639983+JustTemmie@users.noreply.github.com> Date: Wed, 9 Jul 2025 00:43:23 +0200 Subject: [PATCH 12/16] refactor: change a lot of dynamic sizes to em and rem this makes the client feel a LOT snappier --- components/Button.vue | 2 +- components/Channel.vue | 4 ++-- components/MessageArea.vue | 1 + layouts/client.vue | 20 ++++++++-------- .../[serverId]/channels/[channelId].vue | 23 ++++++++++--------- 5 files changed, 26 insertions(+), 24 deletions(-) diff --git a/components/Button.vue b/components/Button.vue index fb44cf2..66706de 100644 --- a/components/Button.vue +++ b/components/Button.vue @@ -21,7 +21,7 @@ const props = defineProps<{ background-color: var(--primary-color); color: var(--text-color); - padding: 0.7dvh 1.2dvw; + padding: 0.4em 0.75em; font-size: 1.1em; transition: background-color 0.2s; diff --git a/components/Channel.vue b/components/Channel.vue index 6bdc28b..98f210e 100644 --- a/components/Channel.vue +++ b/components/Channel.vue @@ -23,8 +23,8 @@ const isCurrentChannel = props.uuid == props.currentUuid; .channel-list-link { text-decoration: none; color: inherit; - padding-left: .5dvw; - padding-right: .5dvw; + padding-left: .25em; + padding-right: .25em; } .channel-list-link-container { diff --git a/components/MessageArea.vue b/components/MessageArea.vue index 9bf6df8..7d88839 100644 --- a/components/MessageArea.vue +++ b/components/MessageArea.vue @@ -258,6 +258,7 @@ router.beforeEach((to, from, next) => { padding-left: 1dvw; padding-right: 1dvw; overflow: hidden; + flex-grow: 1; } #message-box { diff --git a/layouts/client.vue b/layouts/client.vue index acb408c..7227644 100644 --- a/layouts/client.vue +++ b/layouts/client.vue @@ -81,27 +81,27 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds"); #left-column { display: flex; flex-direction: column; - gap: 2dvh; - padding-left: .5dvw; - padding-right: .5dvw; + 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: 1.5dvh; + padding-top: .5em; } #servers-list { display: flex; flex-direction: column; - gap: 1dvh; + gap: 1em; width: 3.2rem; } #middle-left-column { - padding-left: 1dvw; - padding-right: 1dvw; + padding-left: .25em; + padding-right: .25em; border-right: 1px solid var(--padding-color); - min-width: 10rem; + min-width: 10em; overflow-y: scroll; overflow-x: hidden; } @@ -113,12 +113,12 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds"); #home-button { border-bottom: 1px solid var(--padding-color); - padding-bottom: 1dvh; + padding-bottom: .375em; } #settings-menu { position: absolute; - bottom: .25dvh + 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 3003e9e..2d1c264 100644 --- a/pages/servers/[serverId]/channels/[channelId].vue +++ b/pages/servers/[serverId]/channels/[channelId].vue @@ -27,6 +27,7 @@
+
@@ -83,16 +84,15 @@ function handleMemberClick(member: GuildMemberResponse) { From cd13eedaf84b3bc95699f79166ca19a5cef5997e Mon Sep 17 00:00:00 2001 From: JustTemmie <47639983+JustTemmie@users.noreply.github.com> Date: Wed, 9 Jul 2025 01:04:37 +0200 Subject: [PATCH 14/16] fix: remove accidental duplication of member list this was for local testing, forgot to remove it --- pages/servers/[serverId]/channels/[channelId].vue | 1 - 1 file changed, 1 deletion(-) diff --git a/pages/servers/[serverId]/channels/[channelId].vue b/pages/servers/[serverId]/channels/[channelId].vue index 2d1c264..5c55655 100644 --- a/pages/servers/[serverId]/channels/[channelId].vue +++ b/pages/servers/[serverId]/channels/[channelId].vue @@ -27,7 +27,6 @@
-
From a5fd626bb7df0791f8b3fd017f22b3a8cdfc1514 Mon Sep 17 00:00:00 2001 From: JustTemmie <47639983+JustTemmie@users.noreply.github.com> Date: Wed, 9 Jul 2025 03:36:30 +0200 Subject: [PATCH 15/16] feat: multiline message box this implementation SUCKS and i probably have to write an entirely custom solution where every line is a div or something --- components/MessageArea.vue | 64 +++++++++++++++++++++++--------------- 1 file changed, 39 insertions(+), 25 deletions(-) diff --git a/components/MessageArea.vue b/components/MessageArea.vue index 7d88839..b4c8fd9 100644 --- a/components/MessageArea.vue +++ b/components/MessageArea.vue @@ -14,9 +14,11 @@
- - +