From f3478084d372971a7cfc56efeb26de93ac1de08b Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sun, 19 Nov 2023 14:03:11 +0300
Subject: [PATCH] added style for title chat

---
 .../src/assets/css/ElementsStyles/chat.css    |  35 ++++++++++++++++++
 .../src/assets/icons-chat/chat-icon.png       | Bin 0 -> 584 bytes
 luckydiamond/src/pages/ChatElement.vue        |   9 ++++-
 3 files changed, 43 insertions(+), 1 deletion(-)
 create mode 100644 luckydiamond/src/assets/icons-chat/chat-icon.png

diff --git a/luckydiamond/src/assets/css/ElementsStyles/chat.css b/luckydiamond/src/assets/css/ElementsStyles/chat.css
index e69de29..1959586 100644
--- a/luckydiamond/src/assets/css/ElementsStyles/chat.css
+++ b/luckydiamond/src/assets/css/ElementsStyles/chat.css
@@ -0,0 +1,35 @@
+.chat__content {
+    width: 30%;
+}
+
+.chat__container--title {
+    display: flex;
+    align-items: center;
+    text-align: center;
+    user-select: none;
+}
+
+.chat__title {
+    width: 100%;
+    margin: 13px 0px 0px 16px;
+    border-radius: 8px;
+    background: #30323E;
+    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
+}
+
+.chat__container--title h2 {
+    padding: 3px 11px 6px 7px;
+    color: #A9A99D;
+    font-weight: 700;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    font-family: Montserrat Alternates;
+    font-size: 18px;
+}
+
+.chat__icon {
+    margin-top: 10px;
+    margin-left: -2px;
+    padding: 6px 6px 6px 7px;
+    border-radius: 6px;
+    background: #3D3F48;
+}
\ No newline at end of file
diff --git a/luckydiamond/src/assets/icons-chat/chat-icon.png b/luckydiamond/src/assets/icons-chat/chat-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4efe02d535a416860962ec5e76c6cad4fa0b9a1
GIT binary patch
literal 584
zcmV-O0=NB%P)<h;3K|Lk000e1NJLTq000sI000sQ1^@s6R?d!B00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0o_SNK~#7Fom9(h
z+dvSVos|s1K1At2CD0Xws=(GoANU~2P7LJaq=HBlB<BPQsgq#&;G}|36@(px9Yns^
zfGN)U4MiJ<KY+vs5ZoQ^KF*t;p%*Zl{qU{jzH`PWa*egs#8@YIeswzUr%&&g$D8^5
zyGK;{io>1=h1QygS>h~{x3IqvaRXy=auT_1_Ie+aXGDb;mr8JR!{gy_xO~~$paJqe
zmY+nV)$4tT9*Fd#wer_F`qt^3jA;X$pHIFh*=m(FkB&}bRwJ|fvki%&I2%^08VU%X
z%_f6F^OUy4&JK^$RQ_pL*jhS(H__w3ZHiWFxWwHM3Ft$bLGVmSrQsHuNp{Y8X}Y?i
zk`S?|FKXn$uGRQIm4vlvUEeA#NmKTyB(lta$i*rx!osJLC|W52kxY%DK@bG>EjjW+
zUiYI3SxX#IPj+|ZjJ5<?WuP_K?H>QGr~$Q5Uw8KAK#Po^<Sff>_jPabs$>qXuX(>#
zlS6#0qiMs}npQ)wx93LqF&Z~(w%ez1PBfoSF5!`Hia7wyOLZ6f2;*al(XnLCP{CCX
zW96O36Sf$#KHrllRGN>>#m4Zc-9BEZ@#5m=!Fu*^P^nM@xl#FvW*D}^ZueyI)YChT
W2<7`RalX0$0000<MNUMnLSTYDO%C(`

literal 0
HcmV?d00001

diff --git a/luckydiamond/src/pages/ChatElement.vue b/luckydiamond/src/pages/ChatElement.vue
index b148ea5..284e622 100644
--- a/luckydiamond/src/pages/ChatElement.vue
+++ b/luckydiamond/src/pages/ChatElement.vue
@@ -1,7 +1,14 @@
 <template>
   <aside class="chat">
     <div class="chat__content">
-      <h1>CHAT</h1>
+      <div class="chat__container--title">
+        <div class="chat__title">
+          <h2>Чат</h2>
+        </div>
+        <div class="chat__icon">
+          <img src="@/assets/icons-chat/chat-icon.png">
+        </div>
+      </div>
     </div>
   </aside>
 </template>