refactor footer mobile

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,
+.icons-size img {
-.settings-icon a {
+    width: 13%;
-    background: #000;
 }
 
-.home-icon a img {
+.footer-mobile__icons  {
-    padding-left: 6px;
+    margin: 2% 5.35%;
 }
 
-.settings-icon a img {
+.icon-end {
-    width: 75px;
+    margin-left: 1.5em;
-    height: 75px;
-    padding: 9px 0 0 6px;
 }
 
-.footer-mobile__block a {
+.icon-center {
-    display: flex;
+    margin-left: 8%;
-    justify-content: center;
-    align-items: center;
-    width: 90%;
-    height: 4em;
-    background: #D9D9D91F;
-    border-radius: 20px;
-    margin: 0 .8em;
 }
 
-
 /* /Footer */

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>

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">
+      <div class="footer-mobile__icons icons-size">
-        <a href="#">
+        <img class="icon-start" src="@/assets/icons-adaptive/home-adaptive/icon-home-menu.png">
-          <img src="@/assets/icons-adaptive/home-adaptive/icon-chat.svg">
+        <img class="icon-center" src="@/assets/icons-adaptive/home-adaptive/icon-wallet-menu.svg">
-        </a>
+        <img class="icon-center" src="@/assets/icons-adaptive/home-adaptive/icon-chat-menu.png">
-      </div>
+        <img class="icon-center" src="@/assets/icons-adaptive/home-adaptive/icon-info-menu.png">
-      <div class="footer-mobile__block home-icon">
+        <img class="icon-end" src="@/assets/icons-adaptive/home-adaptive/icon-menu.png">
-        <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>
     </div>
   </footer>