From ca9964cdf8663000c6a37bc6a0217729c9af8345 Mon Sep 17 00:00:00 2001 From: Kostya Date: Sat, 18 Nov 2023 23:51:27 +0300 Subject: [PATCH] added drawning, if user auth in discord, header elem --- .../src/assets/css/ElementsStyles/header.css | 45 ++++++++++++++++++ .../src/assets/icons-header/exit-icon.png | Bin 0 -> 327 bytes .../src/assets/icons-test/person-icon.svg | 21 ++++++++ luckydiamond/src/pages/HeaderElement.vue | 11 +++-- 4 files changed, 74 insertions(+), 3 deletions(-) create mode 100644 luckydiamond/src/assets/icons-header/exit-icon.png create mode 100644 luckydiamond/src/assets/icons-test/person-icon.svg diff --git a/luckydiamond/src/assets/css/ElementsStyles/header.css b/luckydiamond/src/assets/css/ElementsStyles/header.css index bdf46e0..1e913e6 100644 --- a/luckydiamond/src/assets/css/ElementsStyles/header.css +++ b/luckydiamond/src/assets/css/ElementsStyles/header.css @@ -76,3 +76,48 @@ text-decoration: none; margin-left: -10px; } + +.header__auth--discord { + display: flex; + margin-right: 22px; +} + +.header__card--discord { + margin-right: 22px; + display: flex; + align-items: center; +} + +.discord__card--name { + margin-right: 10px; +} + +.discord__card--name h2 { + font-size: 15px; + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + font-family: Montserrat; + font-weight: 700; +} + +.discord__card--name a { + display: flex; + align-items: center; + text-align: center; + font-size: 14px; + color: rgba(255, 255, 255, 0.50); + font-weight: 700; + font-family: Montserrat; + border-radius: 8px; + background: #30323E; + filter: blur(.4px); + padding: 6px 2px 6px 2px; +} + +.discord__card--name a span img { + margin-left: 5px; + display: flex; +} + +.header__card--discord img { + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); +} \ No newline at end of file diff --git a/luckydiamond/src/assets/icons-header/exit-icon.png b/luckydiamond/src/assets/icons-header/exit-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..71ef5df088c944b15d058702651162087e5b4fb1 GIT binary patch literal 327 zcmeAS@N?(olHy`uVBq!ia0vp^fi(17srqa#;ubKxehr9xTdQnTs)w~wMHIb1L`lwy~QKJ(`OPwT~tG-h?2i0D#o zX$^YyZ_b7U2JahBIc_{~k~dSEXf>x&@r%uK(w2Q!4G)~@+>b@AN|3%1R?BISC`pmpMt_PUg8FB=Ar XNT*=dxa0<)KN&n-{an^LB{Ts5)Bu7b literal 0 HcmV?d00001 diff --git a/luckydiamond/src/assets/icons-test/person-icon.svg b/luckydiamond/src/assets/icons-test/person-icon.svg new file mode 100644 index 0000000..0f95395 --- /dev/null +++ b/luckydiamond/src/assets/icons-test/person-icon.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/luckydiamond/src/pages/HeaderElement.vue b/luckydiamond/src/pages/HeaderElement.vue index a898ea1..ae396ba 100644 --- a/luckydiamond/src/pages/HeaderElement.vue +++ b/luckydiamond/src/pages/HeaderElement.vue @@ -22,8 +22,12 @@
-
-

test

+
+
+

Artemka

+ Выход +
+ test-ico

discord

@@ -40,7 +44,8 @@ export default { name: 'Header-Element-page', data() { return { - balance: 25000 + balance: 25000, + auth: true } } }