yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 04:09:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor styles for mobile v., added btn in img and styles for btn-img

Browse Source
This commit is contained in:
Kostya
2023-11-30 12:53:42 +03:00
parent 950df68981
commit afbd0f68a6
2 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
View File

@@ -186,17 +186,14 @@ body {
height: 65px; height: 65px;
} }
.icons-margin img { .icons-margin a {
margin: 0 10px; margin: 0 10px;
} }
.footer-mobile__block img { .chat-icon a,
display: flex; .home-icon a,
justify-content: center; .settings-icon a {
align-items: center; background: #000;
background: #D9D9D91F;
} }
/* /Footer */ /* /Footer */

12
luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
View File

@@ -40,14 +40,20 @@
</main> </main>
<footer class="footer-mobile"> <footer class="footer-mobile">
<div class="footer-mobile__content icons-size"> <div class="footer-mobile__content icons-size">
<div class="footer-mobile__block icons-margin"> <div class="footer-mobile__block chat-icon icons-margin">
<a href="#">
<img src="@/assets/icons-adaptive/home-adaptive/icon-chat.svg"> <img src="@/assets/icons-adaptive/home-adaptive/icon-chat.svg">
</a>
</div> </div>
<div class="footer-mobile__block icons-margin"> <div class="footer-mobile__block home-icon icons-margin">
<a href="#">
<img src="@/assets/icons-adaptive/home-adaptive/icon-home.svg"> <img src="@/assets/icons-adaptive/home-adaptive/icon-home.svg">
</a>
</div> </div>
<div class="footer-mobile__block icons-margin"> <div class="footer-mobile__block settings-icon icons-margin">
<a href="#">
<img src="@/assets/icons-adaptive/home-adaptive/icon-settings.png"> <img src="@/assets/icons-adaptive/home-adaptive/icon-settings.png">
</a>
</div> </div>
</div> </div>
</footer> </footer>