- gif search

- added models to parse the tenor-api-response correctly - continued with designing the main chat-page
2024-05-04 19:03:24 +02:00
parent ef105ded6d
commit 1876482e5e
7 changed files with 482 additions and 119 deletions
--- a/src/components/MessageComponent.vue
+++ b/src/components/MessageComponent.vue
@@ -19,16 +19,18 @@
  .message {
    border-radius: 10px;
    max-width: 15rem;
-    padding: 5px;
+    padding: 7px;
+    margin:3px;
+    box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.15);
  }

  .sent {
-    background: blue;
+    background: #729EA1;
    margin-left: auto;
    margin-right: 0;
  }

  .received {
-    background: red;
+    background: white;
  }
 </style>