From afbd0f68a659f070ff1c1ce421a47095eab0a107 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Thu, 30 Nov 2023 12:53:42 +0300
Subject: [PATCH] refactor styles for mobile v., added btn in img and styles
 for btn-img

---
 .../PagesStyles/adaptive-pages/homemobile.css  | 13 +++++--------
 .../pages/adaptive-pages/HomemobilePage.vue    | 18 ++++++++++++------
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
index c2638ca..1098165 100644
--- a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
+++ b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
@@ -186,17 +186,14 @@ body {
     height: 65px;
 }
 
-.icons-margin img {
+.icons-margin a {
     margin: 0 10px;
 }
 
-.footer-mobile__block img {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background: #D9D9D91F;
-
+.chat-icon a,
+.home-icon a,
+.settings-icon a {
+    background: #000;
 }
 
-
 /* /Footer */
\ No newline at end of file
diff --git a/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue b/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
index 92d6ab6..30907bd 100644
--- a/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
+++ b/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
@@ -40,14 +40,20 @@
     </main>
     <footer class="footer-mobile">
       <div class="footer-mobile__content icons-size">
-        <div class="footer-mobile__block icons-margin">
-          <img src="@/assets/icons-adaptive/home-adaptive/icon-chat.svg">
+        <div class="footer-mobile__block chat-icon icons-margin">
+          <a href="#">
+            <img src="@/assets/icons-adaptive/home-adaptive/icon-chat.svg">
+          </a>
         </div>
-        <div class="footer-mobile__block icons-margin">
-          <img src="@/assets/icons-adaptive/home-adaptive/icon-home.svg">
+        <div class="footer-mobile__block home-icon icons-margin">
+          <a href="#">
+            <img src="@/assets/icons-adaptive/home-adaptive/icon-home.svg">
+          </a>
         </div>
-        <div class="footer-mobile__block icons-margin">
-          <img src="@/assets/icons-adaptive/home-adaptive/icon-settings.png">
+        <div class="footer-mobile__block settings-icon icons-margin">
+          <a href="#">
+            <img src="@/assets/icons-adaptive/home-adaptive/icon-settings.png">
+          </a>
         </div>
       </div>
     </footer>