danolo
/
deemix-webui
mirror of https://gitlab.com/RemixDev/deemix-webui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

wip: added slim option for sidebar

This commit is contained in:
RemixDev 2020-10-20 18:10:29 +02:00
parent 482f54bf07
commit 84d23c65af
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/TheSidebar.vue
View File

@ -32,7 +32,7 @@
></span> ></span>
</router-link> </router-link>
<span class="flex h-12 mt-5" role="link" aria-label="theme selector"> <span id="theme_selector" class="flex h-12 mt-5" role="link" aria-label="theme selector">
<i class="p-2 text-3xl transition-all duration-500 cursor-default material-icons side_icon side_icon--theme"> <i class="p-2 text-3xl transition-all duration-500 cursor-default material-icons side_icon side_icon--theme">
brush brush
</i> </i>
@ -62,6 +62,17 @@
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
#sidebar.slim{
width: 46px;
}
#sidebar.slim .main_tablinks_text{
display: none;
}
#sidebar.slim #theme_selector, #sidebar.slim #theme_togglers{
display: inline-grid;
grid-gap: 8px;
}
#network-status { #network-status {
display: flex; display: flex;
justify-content: center; justify-content: center;