Update chat.css

Author: utsavpatel562

src/components/chat/chat.css

@@ -42,123 +42,5 @@
                 }
             }
         }
-        .icons{
-            display: flex;
-            gap: 20px;
-
-            img{
-                width: 20px;
-                height: 20px;
-            }
-        }
-    }
-    .center{
-        padding: 20px;
-        flex: 1;
-        overflow: scroll;
-        overflow-x: hidden;
-        display: flex;
-        flex-direction: column;
-        gap: 20px;
-
-        .message{
-            max-width: 70%;
-            display: flex;
-            gap: 20px;
-
-            &.own{
-                align-self: flex-end;
-
-                .texts{
-                    p{
-                        background-color: #5183fe;
-                    }
-                }
-            }
-            img{
-                width: 30px;
-                height: 30px;
-                border-radius: 50%;
-                object-fit: cover;
-            }
-            .texts{
-                flex: 1;
-                display: flex;
-                flex-direction: column;
-                gap: 5px;
-
-                img{
-                    width: 100%;
-                    height: 300px;
-                    border-radius: 10px;
-                    object-fit: cover;
-                }
-
-                p{
-                    padding: 20px;
-                    background-color: rgba(17, 25, 40, 0.3);
-                    border-radius: 10px;
-                    text-align: left;
-                }
-                span{
-                    font-size: 13px;
-                }
-            }
-        }
-    }
-    .bottom{
-        padding: 20px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        border-top: 1px solid #dddddd35;
-        gap:20px;
-        margin-top: auto;
-
-        .icons{
-            display: flex;
-            gap: 20px;
-        }
-        img{
-            width: 20px;
-            height: 20px;
-            cursor: pointer;
-        }
-        input{
-            flex: 1;
-            background-color: rgba(17, 25, 40, 0.5);
-            border: none;
-            outline: none;
-            color: white;
-            padding: 12px;
-            border-radius: 8px;
-            font-size: 12px;
-
-            &:disabled{
-                cursor: not-allowed;
-            }
-        }
-        .emoji{
-            position: relative;
-
-            .picker{
-                position: absolute;
-                bottom: 40px;
-                left: 0;
-            }
-        }
-        .sendButton{
-            background-color: #5183fe;
-            color: white;
-            padding: 10px;
-            border: none;
-            border-radius: 5px;
-            cursor: pointer;
-
-            &:disabled{
-                background-color: #5182feb4;
-                cursor: not-allowed;
-            }
-        }
     }
 }