From c4f6db648c164f7351deb663e4e1d9d55c5c6535 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sun, 19 Nov 2023 00:00:18 +0300
Subject: [PATCH] added card for auth discord

---
 .../src/assets/css/ElementsStyles/header.css  |  26 ++++++++++++++++++
 .../src/assets/icons-header/discord-icon.png  | Bin 0 -> 778 bytes
 luckydiamond/src/pages/HeaderElement.vue      |   4 ++-
 3 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 luckydiamond/src/assets/icons-header/discord-icon.png

diff --git a/luckydiamond/src/assets/css/ElementsStyles/header.css b/luckydiamond/src/assets/css/ElementsStyles/header.css
index 1e913e6..10f095a 100644
--- a/luckydiamond/src/assets/css/ElementsStyles/header.css
+++ b/luckydiamond/src/assets/css/ElementsStyles/header.css
@@ -120,4 +120,30 @@
 
 .header__card--discord img {
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+}
+
+.header__card--auth {
+    display: flex;
+    align-items: center;
+    text-align: center;
+    margin-right: 20px;
+}
+
+.auth__card--content a {
+    display: flex;
+    align-items: center;
+    border-radius: 13px;
+    background: #5865F2;
+    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    color: #000;
+    font-size: 16px;
+    font-weight: 600;
+    font-family: Montserrat;
+    padding: 11px 26px 11px 21px;
+    text-decoration: none;
+    text-transform: uppercase;
+}
+
+.auth__card--content a span img {
+    margin-right: 5px;
 }
\ No newline at end of file
diff --git a/luckydiamond/src/assets/icons-header/discord-icon.png b/luckydiamond/src/assets/icons-header/discord-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef33ab244f43b0b9ea52941a20db522b63fd21f9
GIT binary patch
literal 778
zcmV+l1NHogP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0-s4lK~#7F?Uq}J
zO;H%f|1*-17?(0JW<O9vCMiaF7{@J23J;W&drGcPid^%e<dWpY^@%7G9$X582RxA5
zgS#X5a#tQu{Qu|s4!iBFJxAj_&3yGcd+oixwZFB#_3i&UK&!QM>q6#`<K#VQO!2);
z-jE|?2I-yRi?YD;{$v4}L{5?Oq!(FDPLiI9v7g9TA5%_7k`d$rSx>UX1l~wylHKGw
znLx(DR(pj!C$Gq757M2qCAB0&>d0BLoeUwX$YHVqDW+N8BN5r<?M1MZ7i;avEb@fx
zBRyal%cKq34_mGFXAS9q=9wlPk;$+u6tu`^SqjsZd?4NO58A{!r;;D!82-QgB<*2)
zelgj3pY%iNtcKjk-<11RpU-#l0Hw3Ley!F|KGhTbdLl4r3|UDk$jyMyd@|2{ZUual
z(Moa^v4Eok&T~DOs=a~iEa0;ZCM;69M`T&xT@sd~@duK_(5ItHk7D-{khmPGQlG}|
z)%QB^u1+xV$?b7pANV!kEb++3?o|h!WA_q>w~2{`7V(9AB-IK$5aB(MsS-2Zjy%w_
zSie@+6@RiKdA*bJzD827#uiv%glrIb46B1InO?wWHmqvTz_M49@;(*dRyCxf!($zV
z4i4$BbUaP7tH>}kt?N2W&Z&_stZCj6q50N_oF-FZ&pN`+?Ob6DP7GKJJDHT0D*U@?
z)$3qi#L`6HP<XKpAh*fFghK>7)?SbUWHGGBDieMxP^r-<4|2!@ZZ0tCCFCKjZhi+j
z2>ZC}63$YhJ+K1P(IzobswA=B$V-@LG<d*G_<Nr-uv!Xkq0~wLI<CP|rJ^hI7uKR_
z%lL{ayuE>3@}T337@teUavz}L+l%6D2YCluo%FpPt=1y#7p-!JX2+VHd;kCd07*qo
IM6N<$f>@+$DF6Tf

literal 0
HcmV?d00001

diff --git a/luckydiamond/src/pages/HeaderElement.vue b/luckydiamond/src/pages/HeaderElement.vue
index ae396ba..e2a25da 100644
--- a/luckydiamond/src/pages/HeaderElement.vue
+++ b/luckydiamond/src/pages/HeaderElement.vue
@@ -30,7 +30,9 @@
           <img src="@/assets/icons-test/person-icon.svg" alt="test-ico">
         </div>
         <div class="header__card--auth">
-          <h2>discord</h2>
+          <div class="auth__card--content">
+            <a href="#"><span><img width="30" height="30" src="@/assets/icons-header/discord-icon.png"></span>Вход</a>
+          </div>
         </div>
       </div>
     </div>