Added placeholder for menu, uses app-sidebar-content as temp placeholder
This commit is contained in:
parent
cb0ff28b61
commit
df0fe06f32
2 changed files with 19 additions and 2 deletions
|
@ -145,9 +145,25 @@
|
||||||
{{ item.attributes.name }}
|
{{ item.attributes.name }}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
<transition name="wpfade">
|
||||||
|
<div class="app-sidebar-content" v-if="chrome.menuOpened">
|
||||||
|
<button class="app-sidebar-item">
|
||||||
|
About
|
||||||
|
</button>
|
||||||
|
<button class="app-sidebar-item">
|
||||||
|
Discord
|
||||||
|
</button>
|
||||||
|
<button class="app-sidebar-item">
|
||||||
|
Settings
|
||||||
|
</button>
|
||||||
|
<button class="app-sidebar-item">
|
||||||
|
Sign Out
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</transition>
|
||||||
<div class="app-sidebar-footer">
|
<div class="app-sidebar-footer">
|
||||||
<input type="range" class="display--small">
|
<input type="range" class="display--small">
|
||||||
<button class="app-sidebar-button" style="width:100%">
|
<button class="app-sidebar-button" style="width:100%" @click="chrome.menuOpened = !chrome.menuOpened">
|
||||||
<div class="sidebar-user-icon">
|
<div class="sidebar-user-icon">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -122,7 +122,8 @@ const app = new Vue({
|
||||||
artworkReady: false,
|
artworkReady: false,
|
||||||
userinfo: {
|
userinfo: {
|
||||||
|
|
||||||
}
|
},
|
||||||
|
menuOpened: false
|
||||||
},
|
},
|
||||||
page: "browse"
|
page: "browse"
|
||||||
},
|
},
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue