nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-29 03:10:51 +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/Others/Tables/DatatableWrapper.vue
+5 -15
View File
@@ -11,14 +11,14 @@
:class="{ 'sortable': column.sortable, 'text-right': (Object.values(columns).length - 1) === index }"
v-if="! column.hidden"
>
<span class="text-gray-400 dark-text-theme text-xs">
<span class="dark:text-gray-500 text-gray-400 text-xs">
{{ column.label }}
</span>
<chevron-up-icon
v-if="column.sortable"
:class="{ 'arrow-down': filter.sort === 'ASC' }"
class="inline-block vue-feather text-gray-300"
class="inline-block vue-feather dark:text-gray-500 text-gray-300"
size="12"
/>
</th>
@@ -120,7 +120,9 @@
</li>
</ul>
<span class="paginator-info">Showing {{ data.meta.from }} - {{ data.meta.to }} from {{ data.meta.total }} records</span>
<span class="mt-10 flex items-center justify-between text-xs text-gray-600">
Showing {{ data.meta.from }} - {{ data.meta.to }} from {{ data.meta.total }} records
</span>
</div>
</div>
</template>
@@ -273,16 +275,4 @@ export default {
}
}
}
.paginator-wrapper {
margin-top: 30px;
display: flex;
justify-content: space-between;
align-items: center;
.paginator-info {
font-size: 13px;
color: $text-muted;
}
}
</style>