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;
}
.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 */

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

@@ -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>