nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-23 01:32:15 +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

2
resources/js/components/Admin/AppInputSwitch.vue
View File

@@ -3,7 +3,7 @@
<!--Label for input-->
<div class="leading-5">
<label class="text-sm font-bold text-gray-700 mb-1.5 block">
<label class="text-sm font-bold dark:text-gray-400 text-gray-700 mb-1.5 block">
{{ title }}:
</label>

4
resources/js/components/Admin/AppInputText.vue
View File

@@ -2,7 +2,7 @@
<div :class="{'mb-7': !isLast}">
<!--Label for input-->
<label v-if="title" class="text-sm font-bold text-gray-700 mb-1.5 block">
<label v-if="title" class="text-sm font-bold dark:text-gray-400 text-gray-700 mb-1.5 block">
{{ title }}:
</label>
@@ -10,7 +10,7 @@
<slot></slot>
<!--Input Description-->
<small v-if="description" class="text-xs text-gray-500 leading-4 block" v-html="description"></small>
<small v-if="description" class="text-xs text-gray-500 pt-2 leading-4 block" v-html="description"></small>
<!--Input Description-->
<span v-if="error" class="text-red-700 pt-2 text-xs">

2
resources/js/components/Admin/CardNavigation.vue
View File

@@ -2,7 +2,7 @@
<div class="whitespace-nowrap overflow-x-auto">
<router-link
class="inline-block text-sm font-bold px-4 py-5 border-b-2 border-transparent border-bottom-theme"
:class="{'text-theme': routeName === page.route, 'text-gray-600': routeName !== page.route}"
:class="{'text-theme': routeName === page.route, 'dark:text-gray-400 text-gray-600': routeName !== page.route}"
v-for="(page, i) in pages"
:to="{name: page.route}"
:key="i"

28
resources/js/components/Admin/ProgressLine.vue
View File

@@ -115,4 +115,32 @@
}
}
}
.dark {
.chart {
background: #282A2F !important;
}
.chart-wrapper {
&:nth-child(1) {
.chart-progress {
border-color: #151515 !important;
}
}
.chart-progress {
border-color: #151515 !important;
}
}
.chart-progress {
&.secondary {
background: #282A2F !important;
box-shadow: 0 3px 10px rgba(#282A2F, 0.5) !important;
}
}
}
</style>