Move info to sidebar footer and set scroller padding

This commit is contained in:
Jiiks 2018-02-03 07:38:28 +02:00
parent 2f680a9a4e
commit 071b60b986
4 changed files with 13 additions and 10 deletions

View File

@ -8,6 +8,8 @@
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
padding: 10px 10px 10px 0;
margin: 10px 0;
&::-webkit-scrollbar {
width: 14px;

View File

@ -17,16 +17,16 @@
<span class="bd-x-text">ESC</span>
</div>
<SidebarItem v-for="item in sidebarItems" :item="item" :key="item.id" :onClick="itemOnClick" />
<div class="bd-info">
<span class="bd-vtext">v2.0.0a by Jiiks/JsSucks</span>
<div @click="openGithub" v-tooltip="'Github'" class="bd-material-button">
<MiGithubCircle size="16"/>
</div>
<div @click="openWebsite" v-tooltip="'BetterDiscord'" class="bd-material-button">
<MiWeb size="16"/>
</div>
</div>
</Sidebar>
<div slot="sidebarfooter" class="bd-info">
<span class="bd-vtext">v2.0.0a by Jiiks/JsSucks</span>
<div @click="openGithub" v-tooltip="'Github'" class="bd-material-button">
<MiGithubCircle size="16" />
</div>
<div @click="openWebsite" v-tooltip="'BetterDiscord'" class="bd-material-button">
<MiWeb size="16" />
</div>
</div>
<ContentColumn slot="content">
<div v-if="activeContent('core') || animatingContent('core')" :class="{active: activeContent('core'), animating: animatingContent('core')}">
<CoreSettings :settings="coreSettings" :enableSetting="enableSetting" :disableSetting="disableSetting" />

View File

@ -9,7 +9,7 @@
*/
<template>
<div class="bd-sidebar bd-scroller">
<div class="bd-sidebar">
<slot/>
</div>
</template>

View File

@ -16,6 +16,7 @@
<slot name="sidebar" />
</ScrollerWrap>
</div>
<slot name="sidebarfooter"/>
</div>
<div class="bd-content-region">
<slot name="content" />