nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-27 18:40:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

dark mode improvements

Browse Source
This commit is contained in:
Čarodej
2021-11-24 17:59:05 +01:00
parent be04715f8b
commit f71a31ab78
18 changed files with 175 additions and 327 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/Sidebar/ContentSidebar.vue
+1 -14
View File
@@ -1,5 +1,5 @@
<template>
<section class="content-sidebar flex-none xl:w-56 w-52 lg:block hidden overflow-y-auto pt-6 select-none" id="content-sidebar">
<section class="content-sidebar flex-none xl:w-56 w-52 lg:block hidden overflow-y-auto pt-6 select-none dark:bg-dark-background bg-light-background" id="content-sidebar">
<slot></slot>
</section>
</template>
@@ -9,16 +9,3 @@
name: 'ContentSidebar',
}
</script>
<style scoped lang="scss">
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.content-sidebar {
background: rgb(249, 249, 250);
}
.dark .content-sidebar {
background: rgba($dark_mode_foreground, 0.2);
}
</style>
resources/js/components/Sidebar/SidebarNavigation.vue
+1 -6
View File
@@ -1,5 +1,5 @@
<template>
<nav class="menu-bar flex-none xl:w-20 w-16 lg:grid hidden">
<nav class="menu-bar dark:bg-dark-foreground bg-light-background flex-none xl:w-20 w-16 lg:grid hidden">
<div class="icon-navigation menu" v-if="user">
<router-link :to="{name: 'Profile'}" class="icon-navigation-item user">
@@ -101,7 +101,6 @@
}
.menu-bar {
background: $light_background;
user-select: none;
padding-top: 25px;
}
@@ -215,10 +214,6 @@
}
}
}
.menu-bar {
background: #1d1d1d;
}
}
</style>