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

added btns on aside bar

Browse Source
This commit is contained in:
Kostya
2023-11-12 23:03:52 +03:00
parent c60f3bb4cf
commit d08198a809
1 changed files with 20 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,12 @@
<template>
<aside class="bar">
<div class="bar__content">
<div class="bar__buttons">
<a href="#" class="bar__button--home"> <img src="../assets/icons/icon-home-button.png"> </a>
<div class="bar__settings">
<a href="#" class="bar__button--settings"> <img src="../assets/icons/icon-settings-button.png"> </a>
</div>
</div>
</div>
</aside>
</template>
@@ -21,4 +26,18 @@ export default {
top: 0;
left: 0;
}
.bar__content {
padding-top: 26px;
justify-content: center;
display: flex;
align-items: center;
text-align: center;
}
.bar__settings {
position: absolute;
bottom: 0;
}
.bar__settings .bar__button--settings img {
margin-bottom: 15px;
}
</style>