0.0.8

2023-07-31 21:01:32 +03:00
parent 2e9200953e
commit e886803186
6 changed files with 106 additions and 4 deletions
--- a/static/css/styles(boris).css
+++ b/static/css/styles(boris).css
@@ -198,4 +198,74 @@
    /*border-radius: 3px;*/
 }

-/**/
+/*messenger*/
+
+.container-messenger{
+    width: 100%;
+    height: 100%;
+    margin-bottom: 30px;
+}
+
+.block-chat{
+    width: 70%;
+    height: 100%;
+    border-radius: 10px;
+    border: 1px solid #E6E6E6;
+    background: #ffffff;
+    box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20);
+    float: left;
+
+}
+
+.container-header-chat{
+    border-radius: 10px;
+    border: 1px solid #E6E6E6;
+    background: #FFF;
+    width: calc(100% - 40px);
+    height: 60px;
+    padding: 20px;
+}
+
+.header-chat-left-part{
+    width: 50%;
+    float: left;
+    text-align: left;
+    padding-top: 15px;
+}
+
+.header-chat-right-part{
+    width: 50%;
+    float: right;
+    text-align: right;
+    padding-top: 25px;
+}
+
+.chat-avatar{
+    height: 40px;
+}
+
+.chat-username {
+    color: #000000;
+    font-weight: 600;
+    font-size: 18px;
+    padding-left: 10px;
+    position: relative;
+    top: 10px;
+}
+
+.header-icons-right-part-padding{
+    padding-left: 5px;
+}
+
+.container-messages{
+    height: 63%;
+    width: 100%;
+}
+
+.footer-chat{
+    width: 100%;
+    height: 60px;
+    background: #FFFFFF;
+    border-radius: 10px;
+    border: 1px solid #E6E6E6;
+}