WIP Переделана часть secondary кнопок

src/components/base/BaseSidebarButton.vue

@@ -1,7 +1,13 @@
 <template lang="pug">
-  a(:href="path")
-    button.button.cursor-pointer.text-4xl.py-3.pr-4.pl-3.transition(:id="id" :class="{active:active}" @click="(e) => changeStylePage(e)")
-      slot
+  q-btn(
+    padding="14px 14px 14px 10px",
+    style="width: 76px"
+    :class="checkActive",
+    :href="path",
+    :id="id",
+    @click="(e) => changeStylePage(e)"
+  )
+    slot
 </template>
 
 <script>
@@ -18,20 +24,19 @@ export default {
       selectedStyle: false,
     };
   },
+  computed: {
+    checkActive() {
+      return this.active ? "active button" : "button";
+    },
+  },
 };
 </script>
 
 <style lang="sass" scoped>
 .button
-  width: fit-content
-  background-color: var(--btn-blue-color-0)
+  background-color: trnsparent
   border-radius: 0 4px 4px 0
-  border-left-color: var(--btn-blue-color-0)
-  border-left-width: 4px
-  border-right: none
-  border-top: none
-  border-bottom: none
-  border-left-style: solid
+  border-left: 4px solid transparent
 .active
   background-color: var(--btn-blue-color-1)
   border-left-color: var(--btn-blue-color)