From d08198a8095783977369ea0909ce1c79a42b09cf Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sun, 12 Nov 2023 23:03:52 +0300
Subject: [PATCH] added btns on aside bar

---
 luckydiamond/src/pages/AsidebarElement.vue | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/luckydiamond/src/pages/AsidebarElement.vue b/luckydiamond/src/pages/AsidebarElement.vue
index 9db3d5a..879b844 100644
--- a/luckydiamond/src/pages/AsidebarElement.vue
+++ b/luckydiamond/src/pages/AsidebarElement.vue
@@ -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>
\ No newline at end of file