From 576d6a010d454b82bcf3020cca40b6dfdd5368a2 Mon Sep 17 00:00:00 2001 From: Kostya Date: Sat, 18 Nov 2023 23:04:24 +0300 Subject: [PATCH] added template and some styles for header elem --- .../src/assets/css/ElementsStyles/header.css | 26 +++++++++++++++ .../assets/icons-header/diamond-ore-icon.png | Bin 0 -> 2935 bytes luckydiamond/src/assets/logo.svg | 30 ++++++++++++++++++ luckydiamond/src/pages/HeaderElement.vue | 23 +++++++++++++- 4 files changed, 78 insertions(+), 1 deletion(-) create mode 100644 luckydiamond/src/assets/icons-header/diamond-ore-icon.png create mode 100644 luckydiamond/src/assets/logo.svg diff --git a/luckydiamond/src/assets/css/ElementsStyles/header.css b/luckydiamond/src/assets/css/ElementsStyles/header.css index e69de29..127b636 100644 --- a/luckydiamond/src/assets/css/ElementsStyles/header.css +++ b/luckydiamond/src/assets/css/ElementsStyles/header.css @@ -0,0 +1,26 @@ +.header { + margin-top: 4px; +} + +.header__content { + display: flex; + align-items: center; + text-align: center; + justify-content: space-between; +} + +.header__logo { + padding: 22px 0px 18px 36px; +} + +.header__nav nav a { + margin-right: 75px; + text-decoration: none; +} + +.header__nav--now { + color: #EF4444; + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + font-size: 18px; + font-weight: 700; +} \ No newline at end of file diff --git a/luckydiamond/src/assets/icons-header/diamond-ore-icon.png b/luckydiamond/src/assets/icons-header/diamond-ore-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..0d40a9638fa97a82fd44e775456a70d4a2337076 GIT binary patch literal 2935 zcmV--3yAcIP)?>tXL`D)-_`Z5%DFY&sKLvPfPPwB|i7BRfDi697ID;j#9 zhfF$!l!9Bsqod#Ea=G7p@WBVSp8)l_0F}#^FJCc?;me8|`(gIfLeYxHQ3yjQjsuPN zs4Gh-EY)zUV<7j*Cj@6=Y5iFYTovtJ3;NC@sDmMNT}OOs3dX?!c3lq(>*tXg*a#li z8B7xKc>ICux*xvx-g`fK^UXK$)?06VuB6I~FTNO>ro~in;WIkSO`}vPz}Y!KHJ63U zdvwY)G)?%njXodTo?nPS$98w&v^xkb3mUI&m#Ua)))59_B(JKdkqAuuXblEEN;=H! z@9+DUE?o*(3<1G~li-w#7uQ3fIt&BEVzDSv<__r((d!#fGih|@XR-S185o~#!Ws53 zyRnYU(lYLDZeo?-&D}#h-rhoE;S?4MNod=9=s(;+ih&FUeY6Q$0%i>8_q)}8zwhzc z-pa~~x4F6L^Y35;C{)(h*Y`V}{;bcONF)=`<1uJj4EcPH(U`C-GRJGv{7rVWvw2F8 zg55YoQja5FE+JDcqtouf>9moYuAq0&fZ6XyAZQP;ZOWfaBA}Ea| z5xbB6exEE1kjbQ?-=jd!ufXY>(2tH91d|&9iF28g?1*G)r_=3FR~Azo%5!T_D`hgI zjdXXT@8w!m2~kiKWdCsobu!TJ4@p=UfskN!cDC{0!2|Sqz36*krBBIuC(;xp#~gHR zhcy#VbHh|3k)VG-=Ss}Y&1u)JU5k=ho0^(=mDJW$8eN9T>2s-p4=eB@Ptcf8{3N;wr*)n#t;s9h36(qsl2UpS0RCcVvn4b3U6z(Y8>Y zt^!N5Z~~Fgl_c-r*o+lPcsVke45sK`<0HmMI}&MWWd+swX-XBM%Cu?z|1NF#Mytv2FZ9;FMl==x|XkO1U}+?@e1hZF%5RoQUp zb^_*&f9VArZSA7;=`EBVJwlt!)7KM`F)m%c1k98XvVwdXUFds}(^eI~O-hO+IJL>xUxWL6Y4LL#{&3Cw;O5X^}d5-S!n-QcK$8CF8K-bBESVszGJ z8e@ma+a~RITLVn9tt6!427?HM_>=$Awl(M?ZnKZH+U-M`&K9XvB{ zrU*cO3mKiRAA8ccPxaXz5}7Q*PKV=)u#rT#y@MD7G&SBwmR*h@{oOrb*TcypVu)aZ zksUy-)#fdUHd8J@Uz|aY59UCH=|Tae`}a_j2h&&LltB(L*l~|i3OQ(N&%&cQirnJ% zes93}$UutKlR2}DSl2*>L1p=jREp^lCAj;URQb`qT(d1ewJE0i^Z8a)SHJ$)2p0r z4@Hiqj&lq+U~XuUn1Rj^casH z($|i4WBDp;YirBA@TbXi`t>f$o}LkTOZtTkW?dPN4K~;N4^U(E6)5M?Q7dYyBHxgH z1WlT51uiA$NX!%{Nq-phy4|-A4-cCbik0l$A zv3L>?%H=XE+*COW-{Z#bR7)jlVr+P90U_H)oL#%yXhmKm(j;h-At%xV!TFATlk?FV z4C+rJk1*vO&n*5pXE>PI%rgOFj=;Da&VtcAbmF~CVaL_(-o2ZkFK~cHQY7TkX})n`vWHEw5r6HHEyK4Hu|9#N%=Xlcah>COiffi#ph#BIqdioDQUB93zx2OjCa%*cqb4#^ws@!087Dr~ zONfW5WQT9twlFc4DykwDi}%t?F9l!pKL1S)mG9*75s)lbnQNA7k=1vK=XtJat|C`P zz>XOHs)7Iaz?j&=P>OaSzzQOboJT+faKsw^k4GdUSDaEx6-IBN@_B-lZ=IQcJ0$UC hjgs}d0r71f{{lvmh4?P$q6+{3002ovPDHLkV1oEcdSCzm literal 0 HcmV?d00001 diff --git a/luckydiamond/src/assets/logo.svg b/luckydiamond/src/assets/logo.svg new file mode 100644 index 0000000..d5f9e37 --- /dev/null +++ b/luckydiamond/src/assets/logo.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/luckydiamond/src/pages/HeaderElement.vue b/luckydiamond/src/pages/HeaderElement.vue index d9de9b6..8a65f81 100644 --- a/luckydiamond/src/pages/HeaderElement.vue +++ b/luckydiamond/src/pages/HeaderElement.vue @@ -1,7 +1,28 @@