.sidebar.flex.flex-col.justify-between.flex-auto.py-6.box-border(
:style="{borderTopRightRadius: this.currenPageBorder ? '0px' : '4px'}"
)
.flex.flex-col.gap-y-6
the-button-sidebar(
v-for="button in pageSettings.filter((el) => el.id !== 'settings')",
:path="button.path",
:id="button.id",
:active="button.active",
:change-style-page="changeStylePage"
)
.icon(:class="button.icon")
.flex.text-4xl.flex-col.gap-y-6
the-button-sidebar(
:path="getSettings.path",
:id="getSettings.id",
:active="getSettings.active",
:change-style-page="changeStylePage"
)
.icon(:class="getSettings.icon")