From ddbf55ddee1a748c9985d6a08eadecd3250e285d Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Fri, 15 Dec 2023 21:20:29 +0300
Subject: [PATCH] refactor footer mobile

---
 .../AdaptiveStyles/menumobile.css             |  30 ++++++------------
 .../home-adaptive/icon-chat-menu.png          | Bin 0 -> 348 bytes
 .../home-adaptive/icon-home-menu.png          | Bin 0 -> 584 bytes
 .../home-adaptive/icon-info-menu.png          | Bin 0 -> 1306 bytes
 .../home-adaptive/icon-menu.png               | Bin 0 -> 517 bytes
 .../home-adaptive/icon-wallet-menu.svg        |   3 ++
 .../MenuMobileComponent.vue                   |  20 ++++--------
 7 files changed, 19 insertions(+), 34 deletions(-)
 create mode 100644 luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-chat-menu.png
 create mode 100644 luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-home-menu.png
 create mode 100644 luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-info-menu.png
 create mode 100644 luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-menu.png
 create mode 100644 luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-wallet-menu.svg

diff --git a/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css b/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css
index 7103c0e..837bdde 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css
@@ -5,6 +5,7 @@
     width: 100%;
     height: 10%;
     background: #17181C;
+    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
     position: fixed;
     bottom: 0;
 }
@@ -15,32 +16,21 @@
     align-items: center;
     margin-top: 2%;
 }
-.chat-icon a,
-.home-icon a,
-.settings-icon a {
-    background: #000;
+
+.icons-size img {
+    width: 13%;
 }
 
-.home-icon a img {
-    padding-left: 6px;
+.footer-mobile__icons  {
+    margin: 2% 5.35%;
 }
 
-.settings-icon a img {
-    width: 75px;
-    height: 75px;
-    padding: 9px 0 0 6px;
+.icon-end {
+    margin-left: 1.5em;
 }
 
-.footer-mobile__block a {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 90%;
-    height: 4em;
-    background: #D9D9D91F;
-    border-radius: 20px;
-    margin: 0 .8em;
+.icon-center {
+    margin-left: 8%;
 }
 
-
 /* /Footer */
\ No newline at end of file
diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-chat-menu.png b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-chat-menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd6ea77ae5bab641a8a08e031a10e4827f364385
GIT binary patch
literal 348
zcmeAS@N?(olHy`uVBq!ia0vp^Mj*_=1|;R|J2nC-&H|6fVg?3oVGw3ym^DWND9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~z5|D&giV@L(#+na`5ha3c2A9`-t`nkZYiz6vD
zH*;omL`L#^-8H&z*5n*H#LV$nN8?0V??%J?L%$O^ayXu-=S&t=T%;A56&PB)n<wX)
znQi90TQRw2X0LTlzq>y_;O&hyBH<O={pL>Sd^G#$`?=~-ZcX_z`b(UCHLc&0U!2L=
zwjhy13J2kF*vo$7-nKc9So;+pb}Z}=-`jd8XIYuurvChrr{&SJ7yk+W!IeIHu4~LI
z+l5stET%_vh>I$Ee|+NXp?FWlsiwAby2g=omk(l(%#|wIe%ux|?3UmX+<K0A+NKu^
UlR4X%fu3jZboFyt=akR{0C4PulmGw#

literal 0
HcmV?d00001

diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-home-menu.png b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-home-menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..61c719e81fef12bea3ec99cf42cf36b2bdf95217
GIT binary patch
literal 584
zcmV-O0=NB%P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0o_SNK~#7F?U^}C
zBvBMbZ#fPO46}eU(F}~U1Y;nGApQYC1OI@Dm<ghom}n*%84D%~28IR(B4{VZYAT2e
zqKUZSo+$S9JljTTY3**Sx^L+_aH#59UfqxCSFaWk&l^KkEAWrR83O#oO<cj>5=SV!
z1`qU}ZTv5Bf`S`yS0A(E)=3<o&}O{W?3`koScU?7G&e4>Ppm;v0S;(>ByrH~D;A)T
zavave8F6h$DY-inGx~Do@RO7R4*U(5H9QvamlP8YSgEN&E^Jn{SOce~2D)vHjxDT}
zDB%EgxUbRU2GeGV0vc}7)Frc6oMDHA2@Q5@X}H2(2?HAH*V2-_tD*3LlbuJ^4ior3
z-vFO+TJ153KXMK69hcNDvsjr~caRanJ(5mgwb*7In}Q(NNG~W$&k&-D$-LMP;rNFM
zYOYT&xIH5*aK$g+2Z<Ml*ut4fxVzU@evC`T-z-L4V7m+Qmzj52HtNDovB4M)Wm$J!
z{;<PjLdY|*!ydJ+W?NY%uLK{&8eu>5A7KNYKeOFOOkjnCMA$)+xJIXZ@*<%TylC)!
z#2P+`HGB|j_#oEsL9F3}SmV_MdGdt=cd1{Qe35(_41%p(w$uE-PMy&9v3NY5g17;@
W5q-Qh^EQG20000<MNUMnLSTY&0P;=%

literal 0
HcmV?d00001

diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-info-menu.png b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-info-menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed13ab56eaf831d657ebe94c354f794a3883aea4
GIT binary patch
literal 1306
zcmV+#1?BpQP)<h;3K|Lk000e1NJLTq001`t001`#1^@s6sN2#;00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1g}X%K~#7F?V3x7
zR7VtsPfyf1CI*~jT*N4-qmwoy5CS2=B%6>`vI$8byF^0bE}LYNMIeDVhLDB2@cn+E
z=vq+m0qTf~y7B!)9L3it;`ny-_#di-vHDc^ty^{NM*4%F+kL1yRdu^=-Kuk%s7aG1
z&yx}r2s01Dr3{US+MprO1Lz8L9y(DfmF`eMBpn<EGaQ$%pf8}$pfS+kDpejsJ<v92
zEwmGZ?W0BlgDOMQp<5isWoRZeiRukH(FU!6Zg5)eLi3<eR1eVbRH&DWMP|Yj%1Q7u
zhsH+Y@(=WLm16QN9fi7~Q_u-A3&?$_6>5h%p^4C^&^uI}MbIC39<NeSU|_A#?izRc
zf9PX2D`gg+gKYU((9J5oH$!hw5r|{xjHls#s0(_XB9QvfH0YtH9cjOnQX*3k+Tv+&
zA2g8?!e;gD_O!PjYNu4d*&<Iv3qz)g{q<WimTiZYc-oy$DS)FXo(5$4WLl6=ZUS`H
z)|2aa$_Sh3t}&HjfP+!2znGT<`dQ`FUlmZd#m*2Hc@2%AyrA+N#pzBCTsTmEqvK;k
zV11d+`<1?|pgf@BIOvY!OjfZEC=k^7c7Tt2&^Hta>U47DDk?jpw<#1hdpwtEloQl_
zANmz~k8;9h|LW2e>f|*xo7jQ$apZd}7CSxNH9)=(*UI~r<;l=U$F>yPpKDY{(0(s2
za~<<5(3g}I*55B5Q3HT}OoAReeOnyj;H*>mAZOew*6{mgtRFUe(L+xEPHAOZl*;lm
zk9N%6m=gVzzeBRpoy5lrkld);+cn#dZpS=EyJ^}pH$kx<r#SwCI_zgzy8os)++S+2
z_4^Fk;6^L9V-&|Y=lfWS<D_Eia1Gkvv>kUZ#Zjv9J(Tl`t<5!PgL_%A-KECjzG55V
z8nnSZP;A<O>xp(?tr)O2xa*4TEov;ZN2embq7CkhVoQ3`PC%z(JLej-!5xMkI<^jK
zEZo68qRQ7p<>2f~vd1w`PO(Etf$hg9j=4w6Iruit+nw){%=nNRgLfe}+`d&S=o{Q7
zrQFxl7<{kT)=^gEd<5O*MCUow+w1t+LpkuA=Pm`E=WH5jmScVu`i<(#?_|zz16dQC
z_F@wlz31Ge{yaPS6u%ssb6mgUM`o8dhT;v7;%-PH!=1}7L901D;>#3)ZEvA%e;~`y
z&wQJDI32-yno1(jnK!>EyUwYfeE~4_mn(gcq)A-<j!hm;BXiWrPN}Q5-bK!sIh7m8
z{)qDrlma$cPK{-3@^x8!3}f>ghvW);If@083fqt`FSm<x1Zr!vCt-;Lp7x|4Y4db&
zI21bVX;4<Ne>pxsC-1Q?u3QzLa+-^Zo!Z80Wmf-V6I~9;td?!PzAC;YS1^<U$deP7
zWqCUEQ;niWpdDm_OCkwX$mUi$DCa|YU&?7i0>I@OeUU)ypEf94JQ(DUHSTl@<TdmQ
z)dM#9yV+d14~<23Mk_fc|CVr&W1$&rHnB0tGb@>#G9{ph|9;6c^d0m$nHXrb_nMse
zB|ISKM>%G#Px;@kqW`rwj7$Vu1}O`XMA0O=CP65P)f~oP9#NAfO<o9|0LLUN6!tl5
QqyPW_07*qoM6N<$f?{-NS^xk5

literal 0
HcmV?d00001

diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-menu.png b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..3264889d7a76103b055ee7a4255a414f9f493288
GIT binary patch
literal 517
zcmV+g0{Z=lP)<h;3K|Lk000e1NJLTq001`t001`#1^@s6sN2#;00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0h&ofK~#7F?U}tw
z13?sp@A_AmP6&dS(n2i)S_VPXUX)lUf>z=y_zu2+tv}eP*w|W$m7r;Yq%;bGAQmc$
z#d?Mqxw-6yVB=mmAADTq?iM+0hMk!eA%qY@2+10eZNzaLdYf<p_DJ^mgctB2ilSIw
zXbJZdY#*+OKTcp-2kbI8%!|)pfdyFB4I6G;{1X0kGrD2Jy^C+2^uW%!0?G{>5P#gk
z66V}}v(fV8aG{Q}2y5bt@VnP_ut1b_C!Sy*N)h%;_IZO91p5*~2qAwUX;+X(*@h+9
zE!pP-Ucs%l?>Pj^p<Kfe@kdn}E0mXJ!>%ot#b>a<7+lp28*WH^Q`7?+?m>K0(E~f@
z!fqgJ*+<16w{Q}3?swZ}cLmQVbMO$piVs4VT{xwK5kd&*l(aLHUX(%cbDaKYkJ1xC
zuvu7-eNltcHj7=M45M7ag7_mWK#Hm7mS9PI1`C9x<A!e7a30Pn+mY7;8?Gw8IoAUl
z?i3!2Pxj!EZlrx#U6aPQuAF3_uzNX!I~~0a2qA<JLjIL+#t;sDtR`eH00000NkvXX
Hu0mjfyTsOo

literal 0
HcmV?d00001

diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-wallet-menu.svg b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-wallet-menu.svg
new file mode 100644
index 0000000..d53ef4a
--- /dev/null
+++ b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-wallet-menu.svg
@@ -0,0 +1,3 @@
+<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M40.5352 9.64286H7.03125C6.25781 9.64286 5.625 8.91964 5.625 8.03571C5.625 7.15179 6.25781 6.42857 7.03125 6.42857H40.7812C41.5547 6.42857 42.1875 5.70536 42.1875 4.82143C42.1875 2.1596 40.2979 0 37.9688 0H5.625C2.52246 0 0 2.88281 0 6.42857V38.5714C0 42.1272 2.52246 45 5.625 45H40.5352C42.9961 45 45 42.8404 45 40.1786V14.4643C45 11.8025 42.9961 9.64286 40.5352 9.64286ZM36.5625 30.5357C35.0068 30.5357 33.75 29.0993 33.75 27.3214C33.75 25.5435 35.0068 24.1071 36.5625 24.1071C38.1182 24.1071 39.375 25.5435 39.375 27.3214C39.375 29.0993 38.1182 30.5357 36.5625 30.5357Z" fill="white"/>
+</svg>
diff --git a/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue b/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue
index 9cd5f78..5b83738 100644
--- a/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue
+++ b/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue
@@ -1,20 +1,12 @@
 <template>
   <footer class="footer-mobile">
     <div class="footer-mobile__content">
-      <div class="footer-mobile__block chat-icon">
-        <a href="#">
-          <img src="@/assets/icons-adaptive/home-adaptive/icon-chat.svg">
-        </a>
-      </div>
-      <div class="footer-mobile__block home-icon">
-        <a href="#" @click="$router.push({ name: 'home' })">
-          <img src="@/assets/icons-adaptive/home-adaptive/icon-home.svg">
-        </a>
-      </div>
-      <div class="footer-mobile__block settings-icon">
-        <a href="#">
-          <img width="" src="@/assets/icons-adaptive/home-adaptive/icon-settings.png">
-        </a>
+      <div class="footer-mobile__icons icons-size">
+        <img class="icon-start" src="@/assets/icons-adaptive/home-adaptive/icon-home-menu.png">
+        <img class="icon-center" src="@/assets/icons-adaptive/home-adaptive/icon-wallet-menu.svg">
+        <img class="icon-center" src="@/assets/icons-adaptive/home-adaptive/icon-chat-menu.png">
+        <img class="icon-center" src="@/assets/icons-adaptive/home-adaptive/icon-info-menu.png">
+        <img class="icon-end" src="@/assets/icons-adaptive/home-adaptive/icon-menu.png">
       </div>
     </div>
   </footer>