minor changes

front/src/assets/css/main.css

@@ -26,6 +26,7 @@
     /* 343a46 */
 }
 /* .badge-primary { */
+/* https://angel-rs.github.io/css-color-filter-generator/ */
 
 .selected {
     background-color: var(--selected);

front/src/components/modals/ConfirmationModal.vue

@@ -3,7 +3,7 @@ import { ref, defineProps, withDefaults } from "vue";
 import Modal from "./Modal.vue";
 import Button from "../basic/Button.vue";
 
-const modal = ref(true);
+const modal = ref(false);
 
 export interface Props {
     title: string;

front/src/views/room/RoomView.vue

@@ -7,6 +7,7 @@ import Header from "./Header.vue";
 import Message from "../../components/structure/message/Message.vue";
 import MessageViewModal from "@/components/modals/MessageViewModal.vue";
 import Composer from "@/components/structure/message/Composer.vue";
+import ConfirmationModal from "@/components/modals/ConfirmationModal.vue";
 
 const store = useStore();
 const route = useRoute();
@@ -72,6 +73,8 @@ provide("room", room);
         </div>
         <Composer v-if="shouldDisplayComposer() || true" />
         <MessageViewModal :message="message" :messageId="messageIdView" @close="() => openMessageView(-1)" />
+        <!-- todo -->
+        <!-- <ConfirmationModal /> -->
     </div>
 </template>