signature_modal_ok

public/style/chat.css

@@ -12,7 +12,6 @@ body {
     font-family: Arial, sans-serif;
     margin: 0;
     padding: 0;
-    overflow: hidden;
 }
 
 
@@ -146,7 +145,7 @@ body {
     margin-top: 9vh;
     margin-left: -1%;
     text-align: left;
-    width: 209vh;
+    width: 100vw;
 }
 
 
@@ -196,7 +195,7 @@ body {
     background-color:#f1f1f1;
     border-radius: 10px;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
-    margin: 1% 4% 0.5% 1%;
+    margin: 1% 0% 0.5% 1%;
 }
 
 /* En-tête du chat */
@@ -326,9 +325,16 @@ body {
     color: var(--primary-color);
 }
 
-chat-element {
-    width: 100%;
-    height: 90vh;
+/* Signature */
+.signature-area {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-width: 0;
+    background-color:#f1f1f1;
+    border-radius: 10px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
+    margin: 1% 0% 0.5% 1%;
 }
 
 #message-input {

src/pages/chat/chat.ts

@@ -87,6 +87,13 @@ class ChatElement extends HTMLElement {
                         <button id="send-button">Send</button>
                     </div>
                 </div>
+
+                <!-- Signature -->
+                <div class="signature-area">
+                    <div class="signature-header">
+                        <h2>Signature</h2>
+                    </div>
+                </div>
             </div>
         `;
         window.loadMemberChat = async (memberId: string | number) => {