Move info to sidebar footer and set scroller padding
This commit is contained in:
parent
2f680a9a4e
commit
071b60b986
|
@ -8,6 +8,8 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
padding: 10px 10px 10px 0;
|
||||||
|
margin: 10px 0;
|
||||||
|
|
||||||
&::-webkit-scrollbar {
|
&::-webkit-scrollbar {
|
||||||
width: 14px;
|
width: 14px;
|
||||||
|
|
|
@ -17,16 +17,16 @@
|
||||||
<span class="bd-x-text">ESC</span>
|
<span class="bd-x-text">ESC</span>
|
||||||
</div>
|
</div>
|
||||||
<SidebarItem v-for="item in sidebarItems" :item="item" :key="item.id" :onClick="itemOnClick" />
|
<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>
|
</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">
|
<ContentColumn slot="content">
|
||||||
<div v-if="activeContent('core') || animatingContent('core')" :class="{active: activeContent('core'), animating: animatingContent('core')}">
|
<div v-if="activeContent('core') || animatingContent('core')" :class="{active: activeContent('core'), animating: animatingContent('core')}">
|
||||||
<CoreSettings :settings="coreSettings" :enableSetting="enableSetting" :disableSetting="disableSetting" />
|
<CoreSettings :settings="coreSettings" :enableSetting="enableSetting" :disableSetting="disableSetting" />
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="bd-sidebar bd-scroller">
|
<div class="bd-sidebar">
|
||||||
<slot/>
|
<slot/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -16,6 +16,7 @@
|
||||||
<slot name="sidebar" />
|
<slot name="sidebar" />
|
||||||
</ScrollerWrap>
|
</ScrollerWrap>
|
||||||
</div>
|
</div>
|
||||||
|
<slot name="sidebarfooter"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="bd-content-region">
|
<div class="bd-content-region">
|
||||||
<slot name="content" />
|
<slot name="content" />
|
||||||
|
|
Loading…
Reference in New Issue