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

Dark mode switcher

Browse Source
This commit is contained in:
Peter Papp
2021-07-23 17:16:42 +02:00
parent be2690fd1c
commit 32d54fa50e
113 changed files with 565 additions and 452 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
resources/js/components/FilesView/TitlePreview.vue
View File

@@ -1,11 +1,11 @@
<template>
<div class="wrapper">
<div class="icon-wrapper">
<CheckSquareIcon v-if="icon === 'check-square'" class="icon text-theme" size="21" />
<image-icon v-if="icon === 'image'" class="icon text-theme" size="21" />
<video-icon v-if="icon === 'video'" class="icon text-theme" size="21" />
<folder-icon v-if="icon === 'folder'" class="icon text-theme" size="21" />
<file-icon v-if="icon === 'file'" class="icon text-theme" size="21" />
<CheckSquareIcon v-if="icon === 'check-square'" class="icon text-theme dark-text-theme" size="21" />
<image-icon v-if="icon === 'image'" class="icon text-theme dark-text-theme" size="21" />
<video-icon v-if="icon === 'video'" class="icon text-theme dark-text-theme" size="21" />
<folder-icon v-if="icon === 'folder'" class="icon text-theme dark-text-theme" size="21" />
<file-icon v-if="icon === 'file'" class="icon text-theme dark-text-theme" size="21" />
</div>
<div class="text">
<span class="title">{{ title }}</span>
@@ -77,7 +77,7 @@ export default {
}
}
@media (prefers-color-scheme: dark) {
.dark-mode {
.wrapper {
.text {
.title {