commit
7ce0ecbf62
|
@ -53,9 +53,9 @@
|
||||||
|
|
||||||
.bd-info {
|
.bd-info {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-grow: 1;
|
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
padding: 0 25px;
|
||||||
|
|
||||||
.bd-vtext {
|
.bd-vtext {
|
||||||
color: #414245;
|
color: #414245;
|
||||||
|
|
|
@ -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,19 @@
|
||||||
<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">
|
</Sidebar>
|
||||||
|
<div slot="sidebarfooter" class="bd-info">
|
||||||
<span class="bd-vtext">v2.0.0a by Jiiks/JsSucks</span>
|
<span class="bd-vtext">v2.0.0a by Jiiks/JsSucks</span>
|
||||||
<div @click="openGithub" v-tooltip="'Github'" class="bd-material-button">
|
<div @click="openGithub" v-tooltip="'Github'" class="bd-material-button">
|
||||||
<MiGithubCircle size="16" />
|
<MiGithubCircle size="16" />
|
||||||
</div>
|
</div>
|
||||||
|
<div @click="openTwitter" v-tooltip="'@Jiiksi'" class="bd-material-button">
|
||||||
|
<MiTwitterCircle size="16" />
|
||||||
|
</div>
|
||||||
<div @click="openWebsite" v-tooltip="'BetterDiscord'" class="bd-material-button">
|
<div @click="openWebsite" v-tooltip="'BetterDiscord'" class="bd-material-button">
|
||||||
<MiWeb size="16" />
|
<MiWeb size="16" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Sidebar>
|
|
||||||
<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" />
|
||||||
|
@ -53,7 +56,7 @@
|
||||||
import { Settings } from 'modules';
|
import { Settings } from 'modules';
|
||||||
import { SidebarView, Sidebar, SidebarItem, ContentColumn } from './sidebar';
|
import { SidebarView, Sidebar, SidebarItem, ContentColumn } from './sidebar';
|
||||||
import { CoreSettings, UISettings, EmoteSettings, CssEditorView, PluginsView } from './bd';
|
import { CoreSettings, UISettings, EmoteSettings, CssEditorView, PluginsView } from './bd';
|
||||||
import { SvgX, MiGithubCircle, MiWeb, MiClose } from './common';
|
import { SvgX, MiGithubCircle, MiWeb, MiClose, MiTwitterCircle } from './common';
|
||||||
|
|
||||||
// Constants
|
// Constants
|
||||||
const sidebarItems = [
|
const sidebarItems = [
|
||||||
|
@ -86,7 +89,8 @@
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
SidebarView, Sidebar, SidebarItem, ContentColumn,
|
SidebarView, Sidebar, SidebarItem, ContentColumn,
|
||||||
CoreSettings, UISettings, EmoteSettings, CssEditorView, PluginsView, MiGithubCircle, MiWeb, MiClose
|
CoreSettings, UISettings, EmoteSettings, CssEditorView, PluginsView,
|
||||||
|
MiGithubCircle, MiWeb, MiClose, MiTwitterCircle
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
itemOnClick(id) {
|
itemOnClick(id) {
|
||||||
|
@ -134,6 +138,9 @@
|
||||||
},
|
},
|
||||||
openWebsite() {
|
openWebsite() {
|
||||||
shell.openExternal('https://betterdiscord.net');
|
shell.openExternal('https://betterdiscord.net');
|
||||||
|
},
|
||||||
|
openTwitter() {
|
||||||
|
shell.openExternal('https://twitter.com/Jiiksi');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -7,3 +7,4 @@ export { default as MiWeb } from './materialicons/Web.vue';
|
||||||
export { default as MiClose } from './materialicons/Close.vue';
|
export { default as MiClose } from './materialicons/Close.vue';
|
||||||
export { default as MiMinus } from './materialicons/Minus.vue';
|
export { default as MiMinus } from './materialicons/Minus.vue';
|
||||||
export { default as MiOpenInNew } from './materialicons/OpenInNew.vue';
|
export { default as MiOpenInNew } from './materialicons/OpenInNew.vue';
|
||||||
|
export { default as MiTwitterCircle } from './materialicons/TwitterCircle.vue';
|
||||||
|
|
|
@ -0,0 +1,27 @@
|
||||||
|
/**
|
||||||
|
* BetterDiscord Material Design Icon
|
||||||
|
* Copyright (c) 2015-present Jiiks/JsSucks - https://github.com/Jiiks / https://github.com/JsSucks
|
||||||
|
* All rights reserved.
|
||||||
|
* https://betterdiscord.net
|
||||||
|
*
|
||||||
|
* This source code is licensed under the MIT license found in the
|
||||||
|
* LICENSE file in the root directory of this source tree.
|
||||||
|
*
|
||||||
|
* Material Design Icons
|
||||||
|
* Copyright (c) 2014 Google
|
||||||
|
* Apache 2.0 LICENSE
|
||||||
|
* https://www.apache.org/licenses/LICENSE-2.0.txt
|
||||||
|
*/
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<span class="bd-material-design-icon">
|
||||||
|
<svg :width="size || 24" :height="size || 24" viewBox="0 0 24 24">
|
||||||
|
<path d="M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38 16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38 6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69 8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76 7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95 17.71,9.33M12,2C17.52,2 22,6.48 22,12C22,17.52 17.52,22 12,22C6.48,22 2,17.52 2,12C2,6.48 6.48,2 12,2Z"></path>
|
||||||
|
</svg>
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: ['size']
|
||||||
|
}
|
||||||
|
</script>
|
|
@ -9,7 +9,7 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="bd-sidebar bd-scroller">
|
<div class="bd-sidebar">
|
||||||
<slot/>
|
<slot/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -10,12 +10,13 @@
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="bd-sidebar-view" :class="{active: contentVisible, animating: animating}">
|
<div class="bd-sidebar-view" :class="{active: contentVisible, animating: animating}">
|
||||||
<div class="bd-sidebar-region">
|
<div class="bd-sidebar-region bd-flex-col">
|
||||||
<div class="bd-settingsWrap">
|
<div class="bd-settingsWrap">
|
||||||
<ScrollerWrap dark="true">
|
<ScrollerWrap dark="true">
|
||||||
<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