Fix little issues and set to dark mode (update of bootstrap)

This commit is contained in:
2024-02-20 14:42:42 +01:00
parent 7f0db2fefc
commit f2142fc7f3
2 changed files with 7 additions and 6 deletions

View File

@@ -1,5 +1,5 @@
<!doctype html>
<html lang="fr">
<html lang="fr" data-bs-theme="dark">
<head>
<style>
.message{
@@ -16,8 +16,8 @@
<title>Chat</title>
<!-- CSS Styles -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<!-- JS Scripts -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
@@ -98,7 +98,8 @@
</button>
</form>
</section>
<script src="js/utils.js"></script>
<script src="js/chat.js"></script>
<script src="js/utils.js" defer></script>
<script src="js/chat.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>

View File

@@ -45,7 +45,7 @@ function getMessages(){
function displayMessages(messages){
let chatRoom = document.getElementById("chat-room");
chatRoom.innerHTML = "";
chatRoom.value = "";
if (messages.length === 0){
// No messages
}else{