mirror_html/DirectoryLister
1
0
Fork 0
mirror of https://github.com/DirectoryLister/DirectoryLister.git synced 2025-09-02 18:33:04 +02:00
Code Issues Projects Releases Wiki Activity

Updated dark theme file info modal styles

Browse Source
This commit is contained in:
Chris Kankiewicz
2019-12-22 23:46:29 -07:00
parent 3dc44c1e9d
commit 9684f75886
2 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/themes/default/src/js/components/file-info-modal.vue
View File

@@ -1,12 +1,12 @@
<template>
<div
<div id="file-info-modal"
class="fixed top-0 flex justify-center items-center w-screen h-screen p-4 z-50"
style="background-color: hsla(218, 23%, 23%, .5)"
style="background-color: hsla(218, 23%, 23%, 0.5)"
v-bind:class="this.styles"
v-on:click.self="hide()"
>
<div class="bg-white rounded-lg shadow-lg overflow-hidden" v-show="! loading">
<div class="flex justify-between items-center bg-blue-600 p-4">
<div id="file-info-dialogue" class="bg-white rounded-lg shadow-lg overflow-hidden" v-show="! loading">
<header class="flex justify-between items-center bg-blue-600 p-4">
<i class="fas fa-info-circle fa-lg text-white"></i>
<div class="items-center text-xl text-white font-mono mx-4">
@@ -19,9 +19,9 @@
>
<i class="fas fa-times"></i>
</button>
</div>
</header>
<div class="flex justify-center items-center p-4">
<content class="flex justify-center items-center p-4">
<div class="overflow-x-auto">
<table class="table-auto">
<tbody>
@@ -32,7 +32,7 @@
</tbody>
</table>
</div>
</div>
</content>
</div>
<i class="fas fa-spinner fa-pulse fa-5x text-white" v-show="loading"></i>

13
app/themes/default/src/sass/dark-mode.scss
View File

@@ -27,4 +27,17 @@
#scroll-to-top {
@apply bg-purple-700;
}
#file-info-modal {
background-color: hsla(218, 23%, 33%, 0.5) !important;
#file-info-dialogue {
@apply bg-gray-800;
@apply text-white;
header {
@apply bg-purple-700;
}
}
}
}