Page messages PT2

2026-04-23 17:53:44 +02:00
parent 5a6d350147
commit 38417672f0
12 changed files with 239 additions and 24 deletions
--- a/src/app/pages/messages/messages-send/messages-send.component.css
+++ b/src/app/pages/messages/messages-send/messages-send.component.css
@@ -0,0 +1,44 @@
+/* === MESSAGE FORM === */
+.message-form {
+    display: flex;
+    align-items: center;
+    background: radial-gradient(ellipse at 30% 40%, #fff 0%, #f9ece9 60%, #f3d4cc 100%);
+    border-radius: 50px;
+    padding: 10px 10px 10px 24px;
+    box-shadow: 0 4px 24px rgba(200, 120, 100, 0.13);
+    gap: 12px;
+}
+
+.message-form input {
+    flex: 1;
+    border: none;
+    background: transparent;
+    outline: none;
+    font-size: 17px;
+    color: #c07070;
+}
+
+.message-form input::placeholder {
+    color: rgba(192, 112, 112, 0.35);
+}
+
+.message-form .send-btn {
+    width: 44px;
+    height: 44px;
+    border: none;
+    border-radius: 50%;
+    background: transparent;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: transform 0.15s ease;
+}
+
+.message-form .send-btn svg {
+    width: 22px;
+    height: 22px;
+}
+
+.message-form .send-btn:hover { transform: scale(1.1); }
+.message-form .send-btn:active { transform: scale(0.95); }