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 asidebar

Browse Source
This commit is contained in:
Kostya
2023-11-18 22:50:19 +03:00
parent d0220c131c
commit e9752f7eb4
2 changed files with 10 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
luckydiamond/src/assets/css/ElementsStyles/asidebar.css
View File

@@ -1,9 +1,6 @@
.menu { .menu {
margin: 4px 6px 0 6px; margin: 4% 6% 0% 6%;
height: 99.5vh; height: 99.5vh;
display: flex;
flex-direction: column;
justify-content: space-between;
user-select: none; user-select: none;
} }
@@ -11,13 +8,14 @@
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center;
flex-direction: column; flex-direction: column;
} }
.menu__btn--home {
margin-top: 12px;
}
.menu__btns--gamemodes { .menu__btns--gamemodes {
border-radius: 20px;
text-align: center;
display: flex; display: flex;
align-items: center; align-items: center;
height: 100%; height: 100%;
@@ -33,19 +31,12 @@
padding: 20px 0px 20px 0px; padding: 20px 0px 20px 0px;
} }
.menu__btn--home {
margin-top: 12px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.menu__content--gamemodes { .menu__content--gamemodes {
display: flex; display: flex;
justify-content: center;
text-align: center; text-align: center;
align-items: center;
flex-direction: column; flex-direction: column;
margin-bottom: 12px;
} }
.menu__btn--settings {
margin-bottom: 12px;
}

4
luckydiamond/src/pages/AsidebarElement.vue
View File

@@ -13,9 +13,7 @@
</div> </div>
</div> </div>
<div class="menu__btn--settings"> <div class="menu__btn--settings">
<div class="menu__content--settings"> <a href="#"><img width="73" height="73" src="../assets/icons-home/settings-icon.svg"></a>
<a href="#"><img src="../assets/icons-home/settings-icon.svg"></a>
</div>
</div> </div>
</div> </div>
</aside> </aside>