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 0000000..dd6ea77 Binary files /dev/null and b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-chat-menu.png differ 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 0000000..61c719e Binary files /dev/null and b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-home-menu.png differ 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 0000000..ed13ab5 Binary files /dev/null and b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-info-menu.png differ 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 0000000..3264889 Binary files /dev/null and b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-menu.png differ 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 @@ + + + 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 @@