nikan
/
jukebox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Made dockable sidebar responsive

pull/6/head
Nikan Dalvand 2019-07-21 15:43:05 +04:30
parent 38135af248
commit 07b7724598
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/renderer/layouts/DockableSidebar.vue
View File

@ -98,7 +98,7 @@ export default {
<style scoped lang="sass"> <style scoped lang="sass">
section section
width: 100% width: 250px
max-width: 250px max-width: 250px
min-height: 100vh min-height: 100vh
padding: 2rem 2rem 0rem 2rem padding: 2rem 2rem 0rem 2rem
@ -107,6 +107,7 @@ section
display: flex display: flex
flex-direction: column flex-direction: column
overflow: auto overflow: auto
transition: width 300ms,transform 300ms,padding 500ms
.icon .icon
width: 18px width: 18px
height: auto height: auto
@ -114,4 +115,15 @@ section
fill: lighten(gray,20) fill: lighten(gray,20)
.grow .grow
flex-grow: 1 flex-grow: 1
@media(max-width: 1000px)
section
width: 200px
overflow: auto
padding: 1rem 1rem 0rem 1rem
@media(max-width: 800px)
section
transform: translateX(-100%)
width: 0
overflow: hidden
padding: 2rem 0rem 0rem 0rem
</style> </style>