nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-19 16:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

file view refactoring

Browse Source
This commit is contained in:
Čarodej
2021-10-27 09:53:59 +02:00
parent e3ddf27023
commit 21d6410f76
42 changed files with 866 additions and 1467 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
resources/js/components/Sidebar/ContentSidebar.vue
View File

@@ -1,5 +1,5 @@
<template>
<section class="content-sidebar" id="content-sidebar">
<section class="content-sidebar flex-none xl:w-56 w-52 sm:block hidden overflow-y-auto pt-6 select-none" id="content-sidebar">
<slot></slot>
</section>
</template>
@@ -15,30 +15,10 @@
@import '/resources/sass/vuefilemanager/_mixins';
.content-sidebar {
//background: linear-gradient(0deg, rgba(246, 245, 241, 0.4) 0%, rgba(243, 244, 246, 0.4) 100%);
background: rgba($light_background, 0.6);
user-select: none;
padding-top: 25px;
overflow-y: auto;
flex: 0 0 225px;
}
@media only screen and (max-width: 1024px) {
.content-sidebar {
flex: 0 0 205px;
}
}
@media only screen and (max-width: 690px) {
.content-sidebar {
display: none;
}
}
.dark {
.content-sidebar {
background: rgba($dark_mode_foreground, 0.2);
}
.dark .content-sidebar {
background: rgba($dark_mode_foreground, 0.2);
}
</style>

13
resources/js/components/Sidebar/SidebarNavigation.vue
View File

@@ -1,5 +1,5 @@
<template>
<nav class="menu-bar">
<nav class="menu-bar flex-none xl:w-20 w-16 sm:grid hidden">
<div class="icon-navigation menu" v-if="user">
<router-link :to="{name: 'Profile'}" class="icon-navigation-item user">
@@ -104,8 +104,6 @@
background: $light_background;
user-select: none;
padding-top: 25px;
display: grid;
flex: 0 0 72px;
}
.icon-navigation {
@@ -190,9 +188,6 @@
}
@media only screen and (max-width: 1024px) {
.menu-bar {
flex: 0 0 60px;
}
.icon-navigation {
@@ -206,12 +201,6 @@
}
}
@media only screen and (max-width: 690px) {
.menu-bar {
display: none;
}
}
.dark {
.dark-switcher {