diff --git a/assets/css/chat.css b/assets/css/chat.css index 353c44f..abafc9a 100644 --- a/assets/css/chat.css +++ b/assets/css/chat.css @@ -164,6 +164,26 @@ body { margin-top: 10px; text-decoration: none; color: black; + +} +.members-list-body a:hover { + text-decoration: underline; + color: #0088cc; +} +.members-list-body button { + padding: 5px 10px; + border: none; + background-color: #dc2e45; + color: white; + border-radius: 20px; + position: absolute; + left: 300px; + margin-top: 20px; + cursor: pointer; + transition: background-color 0.3s ease; +} +.members-list-body button:hover { + background-color: #881527; } .overlay { display: none; diff --git a/assets/css/list-rooms.css b/assets/css/list-rooms.css index ef42b66..0fa8ff2 100644 --- a/assets/css/list-rooms.css +++ b/assets/css/list-rooms.css @@ -70,13 +70,28 @@ h1 { border: none; border-radius: 5px; position: absolute; - margin-left: 500px; + margin-left: 502px; cursor: pointer; transition: background-color 0.3s ease; } .add-members-button:hover { background-color: #006509 } +.delete-chat-button { + background-color: #dc2e45; + border: none; + color: white; + font-size: 16px; + border-radius: 5px; + position: absolute; + cursor: pointer; + transition: background-color 0.3s ease; + padding: 10px 15px; + margin-left: 380px; +} +.delete-chat-button:hover { + background-color: #881527; +} #newMemberLogin { width: 93.5%; padding: 10px; @@ -185,13 +200,49 @@ h1 { height: 18%; position: fixed; } - -#error { - color: red; - font-size: 15px; - margin-top: 10px; +.overlay .delete-chat { + background-color: white; + padding: 30px; + border-radius: 10px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + max-width: 400px; + width: 100%; + height: 18%; + position: fixed; +} +.delete-close { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; + cursor: pointer; +} +.delete-chat-header { text-align: center; - display: none; +} +.confirm { + background-color: #1609ab; + padding: 20px 70px; + font-size: 16px; + color: white; + border: none; + border-radius: 5px; + position: absolute; + margin-left: 20px; + cursor: pointer; + transition: background-color 0.3s ease; +} +.cancel { + background-color: #1609ab; + padding: 20px 70px; + font-size: 16px; + color: white; + border: none; + border-radius: 5px; + position: absolute; + margin-left: 220px; + cursor: pointer; + transition: background-color 0.3s ease; } .close { color: #aaa; @@ -199,3 +250,4 @@ h1 { font-size: 28px; font-weight: bold; cursor: pointer; +} \ No newline at end of file diff --git a/assets/css/profile.css b/assets/css/profile.css index 6147869..c60dbf5 100644 --- a/assets/css/profile.css +++ b/assets/css/profile.css @@ -27,17 +27,25 @@ body { position: relative; } .return { - background-image: url("/assets/img/return.svg"); - background-repeat: no-repeat; + background-color: #f0f0f0; cursor: pointer; - width: 30px; + width: 100px; + text-decoration: none; + color: black; + display: flex; + justify-content: center; + align-items: center; height: 30px; border-radius: 10px; position: absolute; left: 20px; - top: 30px; + top: 25px; border: none; } +.return:hover{ + text-decoration: underline; + color: #0088cc; +} form { display: flex; flex-direction: column; @@ -58,14 +66,16 @@ form { align-items: center; } .add { - background-image: url("/assets/img/add_photo.svg"); - background-size: cover; - width: 30px; - height: 30px; - border: none; + width: 100px; + height: 40px; + border-width: 2px; cursor: pointer; + font-size: 16px; border-radius: 10px; } +.add:hover { + background-color: #007bb5; +} .image-button:hover { opacity: 0.8; } @@ -108,10 +118,11 @@ form { border-radius: 15px; border-color: #2F4F4F; height: 40px; - color: white; - background-color: #0088cc; width: 150px; } +.save:hover { + background-color: #007bb5; +} .avatar { border-radius: 50%; object-fit: cover; diff --git a/assets/html/chat.html b/assets/html/chat.html index 056cce1..5d888f7 100644 --- a/assets/html/chat.html +++ b/assets/html/chat.html @@ -7,33 +7,32 @@
-