various bug fixes

components/MessagePane.vue

@@ -114,7 +114,7 @@
             <textarea
               id="messageBox"
               v-model="messageContent"
-							maxlength="5000"
+              maxlength="5000"
               type="text"
               class="bg-transparent focus:outline-none py-2 w-full resize-none leading-relaxed h-[44px]"
               cols="1"
@@ -274,7 +274,7 @@ export default {
 				}
 			} else {
 				if (i !== this.server.messages.length - 1 || this.server.messages[i + 1]?.creator.id === message.creator.id) {
-					return 'mt-0 mb-0 py-0.5';
+					return 'mt-0 mb-0 !py-0.5';
 				} else {
 					return 'mt-0 pt-0.5 pb-1';
 				}

components/Sidebar.vue

@@ -134,7 +134,8 @@
           <button
             v-for="channel in server.channels"
             :key="channel.id"
-            class="flex text-center bg-inherit hover:backdrop-brightness-[1.35] px-2 py-1.5 w-full transition-all rounded drop-shadow-sm gap-1/5 cursor-pointer items-center"
+            :class="(activeChannel.id === channel.id) ? 'backdrop-brightness-[1.35]' : 'hover:backdrop-brightness-[1.35]'"
+            class="flex text-center bg-inherit px-2 py-1.5 w-full transition-all rounded drop-shadow-sm gap-1/5 cursor-pointer items-center"
             @click="openChannel(channel.id)"
           >
             <span class="h-fit">
@@ -330,10 +331,14 @@ import { useGlobalStore } from '~/stores/store';
 import { IChannel, IRole } from '~/types';
 
 export default {
+	setup() {
+		console.log('sidebar', useGlobalStore().activeServer.channels);
+	},
 	data() {
 		return {
 			server: storeToRefs(useGlobalStore()).activeServer,
 			serverType: storeToRefs(useGlobalStore()).activeServerType,
+			activeChannel: storeToRefs(useGlobalStore()).activeChannel,
 			user: storeToRefs(useGlobalStore()).user,
 			dms: storeToRefs(useGlobalStore()).dms,
 			createChannelModelOpen: false,