Added toggle personal info

This commit is contained in:
booploops 2021-12-04 15:46:41 -08:00
parent 682da2eb31
commit 341270aa30
2 changed files with 8 additions and 1 deletions

View file

@ -148,6 +148,9 @@
</div> </div>
<transition name="wpfade"> <transition name="wpfade">
<div class="app-sidebar-content" v-if="chrome.menuOpened"> <div class="app-sidebar-content" v-if="chrome.menuOpened">
<button class="app-sidebar-item" @click="chrome.hideUserInfo = !chrome.hideUserInfo">
Toggle Personal Info
</button>
<button class="app-sidebar-item"> <button class="app-sidebar-item">
About About
</button> </button>
@ -172,7 +175,7 @@
</div> </div>
</template> </template>
<div class="sidebar-user-text"> <div class="sidebar-user-text" v-if="!chrome.hideUserInfo">
<template v-if="chrome.userinfo.attributes"> <template v-if="chrome.userinfo.attributes">
<div class="fullname text-overflow-elipsis">{{ chrome.userinfo.attributes.name }}</div> <div class="fullname text-overflow-elipsis">{{ chrome.userinfo.attributes.name }}</div>
<div class="handle-text text-overflow-elipsis">@{{ chrome.userinfo.attributes.handle }}</div> <div class="handle-text text-overflow-elipsis">@{{ chrome.userinfo.attributes.handle }}</div>
@ -181,6 +184,9 @@
Sign in Sign in
</template> </template>
</div> </div>
<div class="sidebar-user-text" v-else>
Cider
</div>
</button> </button>
</div> </div>
</div> </div>

View file

@ -122,6 +122,7 @@ const app = new Vue({
details: {} details: {}
}, },
chrome: { chrome: {
hideUserInfo: false,
artworkReady: false, artworkReady: false,
userinfo: {}, userinfo: {},
menuOpened: false, menuOpened: false,