summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--components/VTable.vue12
-rw-r--r--pages/admin/index.vue8
-rw-r--r--pages/admin/models.vue12
-rw-r--r--pages/admin/reports.vue10
4 files changed, 25 insertions, 17 deletions
diff --git a/components/VTable.vue b/components/VTable.vue
index ced1016..9886a21 100644
--- a/components/VTable.vue
+++ b/components/VTable.vue
@@ -4,17 +4,19 @@
.py-2.inline-block.min-w-full
.overflow-hidden
table.min-w-full
- thead.bg-white.border-b
+ thead.bg-white.border-b(
+ class="dark:bg-gray-800 dark:border-gray-700"
+ )
tr
- th.text-sm.text-gray-900.px-6.py-4.text-left(scope="col" v-for="name in keys")
+ th.text-sm.text-gray-900.px-6.py-4.text-left(class="dark:text-white" scope="col" v-for="name in keys")
span(v-if="name == 'id'") ID
span.capitalize(v-else) {{ replaceUnderscores(name) }}
th.text-sm.text-gray-900.px-6.py-4.text-left(scope="col")
tbody
tr.bg-white.border-b.transition.duration-300.ease-in-out(
- class="hover:bg-gray-100" v-for="field in fields"
+ class="hover:bg-gray-100 dark:bg-gray-800 dark:border-gray-700" v-for="field in fields"
)
- td.px-6.py-4.whitespace-nowrap.text-sm.text-gray-900.truncate(v-for="name in keys")
+ td.px-6.py-4.whitespace-nowrap.text-sm.text-gray-900.truncate(class="dark:text-white" v-for="name in keys")
div.block.truncate(:class="{'max-w-100': !['id', 'created', 'updated'].includes(name)}")
span(v-if="isBool(field[name])")
svg(v-if="field[name]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-green-500")
@@ -45,7 +47,7 @@
a.underline.text-green-500(:href="'/models/'+field.model_id" target="_blank")
| {{ field[name] }}
span(v-else :title="field[name]") {{ field[name] }}
- td.px-6.py-4.whitespace-nowrap.text-sm.text-gray-900
+ td.px-6.py-4.whitespace-nowrap.text-sm.text-gray-900(class="dark:text-white")
.flex
.mr-1(v-if="path")
a(:href="path + field.id" target="_blank")
diff --git a/pages/admin/index.vue b/pages/admin/index.vue
index b0c480c..006f515 100644
--- a/pages/admin/index.vue
+++ b/pages/admin/index.vue
@@ -5,8 +5,10 @@
.fixed.inset-0.bg-gray-900.bg-opacity-90.transition-opacity
.fixed.inset-0.z-10.overflow-y-auto
.flex.min-h-full.items-end.justify-center.p-4.text-center(class="sm:items-center sm:p-0")
- .relative.transform.overflow-hidden.rounded-lg.bg-white.text-left.shadow-xl.transition-all(class="sm:my-8 sm:w-full sm:max-w-lg")
- h3.text-xl.font-bold.text-center.p-5 Edit user
+ .relative.transform.overflow-hidden.rounded-lg.bg-white.text-left.shadow-xl.transition-all(
+ class="sm:my-8 sm:w-full sm:max-w-lg dark:bg-gray-800"
+ )
+ h3.text-xl.font-bold.text-center.p-5(class="dark:text-white") Edit user
form.m-3
.mb-5
label.block.text-sm.font-medium.text-gray-700(class="dark:text-white" for="name") Name
@@ -44,7 +46,7 @@
type="checkbox" name="is_staff" v-model="form.is_staff"
)
- .bg-gray-50.px-4.py-3(class="sm:flex sm:flex-row-reverse sm:px-6")
+ .bg-gray-50.px-4.py-3(class="sm:flex sm:flex-row-reverse sm:px-6 dark:bg-gray-700")
button.inline-flex.w-full.justify-center.rounded-md.border.border-transparent.bg-green-600.px-4.py-2.text-base.font-medium.text-white.shadow-sm(
type="button"
:class="{'hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 sm:ml-3 sm:w-auto sm:text-sm': true, 'opacity-25 cursor-default': isLoading}"
diff --git a/pages/admin/models.vue b/pages/admin/models.vue
index bf00cc8..5574656 100644
--- a/pages/admin/models.vue
+++ b/pages/admin/models.vue
@@ -17,8 +17,10 @@
.fixed.inset-0.bg-gray-900.bg-opacity-90.transition-opacity
.fixed.inset-0.z-9.overflow-y-auto
.flex.min-h-full.items-end.justify-center.p-4.text-center(class="sm:items-center sm:p-0")
- .relative.transform.overflow-hidden.rounded-lg.bg-white.text-left.shadow-xl.transition-all(class="sm:my-8 sm:w-full sm:max-w-lg")
- h3.text-xl.font-bold.text-center.p-5 Edit model
+ .relative.transform.overflow-hidden.rounded-lg.bg-white.text-left.shadow-xl.transition-all(
+ class="sm:my-8 sm:w-full sm:max-w-lg dark:bg-gray-800"
+ )
+ h3.text-xl.font-bold.text-center.p-5(class="dark:text-white") Edit model
form.m-3
.mb-5
label.block.text-sm.font-medium.text-gray-700(class="dark:text-white" for="name") Name
@@ -84,8 +86,8 @@
hr
.my-4.mx-3
- h4 See and/or remove files
- ul.divide-y.divide-gray-200.rounded-md.border.border-gray-200(class="dark:border-gray-500 dark:divide-gray-500" role="list" v-if="form.uploads")
+ h4(class="dark:text-white") See and/or remove files
+ ul.divide-y.divide-gray-200.rounded-md.border.border-gray-200(class="dark:border-gray-500 dark:divide-gray-500 dark:text-white" role="list" v-if="form.uploads")
li.flex.items-center.justify-between.py-3.pl-3.pr-4.text-sm(v-for="upload in form.uploads" :key="upload.id")
.flex.w-0.flex-1.items-center
svg.h-5.w-5.flex-shrink-0.text-gray-400(xmlns="http://www.w3.org/2000/svg", viewbox="0 0 20 20", fill="currentColor", aria-hidden="true")
@@ -95,7 +97,7 @@
a.font-medium.text-black-700.cursor-pointer.mr-2(class="hover:underline" @click="openPreview = upload.filepath") Preview
a.font-medium.text-red-700.cursor-pointer(class="hover:underline dark:text-red-500" @click="boxDeleteModelUpload = upload.id") Delete
- .bg-gray-50.px-4.py-3(class="sm:flex sm:flex-row-reverse sm:px-6")
+ .bg-gray-50.px-4.py-3(class="sm:flex sm:flex-row-reverse sm:px-6 dark:bg-gray-700")
button.inline-flex.w-full.justify-center.rounded-md.border.border-transparent.bg-green-600.px-4.py-2.text-base.font-medium.text-white.shadow-sm(
type="button"
:class="{'hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 sm:ml-3 sm:w-auto sm:text-sm': true, 'opacity-25 cursor-default': isLoading}"
diff --git a/pages/admin/reports.vue b/pages/admin/reports.vue
index 877c228..1c3122c 100644
--- a/pages/admin/reports.vue
+++ b/pages/admin/reports.vue
@@ -5,8 +5,10 @@
.fixed.inset-0.bg-gray-900.bg-opacity-90.transition-opacity
.fixed.inset-0.z-10.overflow-y-auto
.flex.min-h-full.items-end.justify-center.p-4.text-center(class="sm:items-center sm:p-0")
- .relative.transform.overflow-hidden.rounded-lg.bg-white.text-left.shadow-xl.transition-all(class="sm:my-8 sm:w-full sm:max-w-lg")
- h3.text-xl.font-bold.text-center.p-5 Edit warning
+ .relative.transform.overflow-hidden.rounded-lg.bg-white.text-left.shadow-xl.transition-all(
+ class="sm:my-8 sm:w-full sm:max-w-lg dark:bg-gray-800"
+ )
+ h3.text-xl.font-bold.text-center.p-5(class="dark:text-white") Edit warning
form.m-3
.mb-5
label.block.text-sm.font-medium.text-gray-700(class="dark:text-white" for="model") Model
@@ -42,7 +44,7 @@
v-model="form.admin_note"
)
- .bg-gray-50.px-4.py-3(class="sm:flex sm:flex-row-reverse sm:px-6")
+ .bg-gray-50.px-4.py-3(class="sm:flex sm:flex-row-reverse sm:px-6 dark:bg-gray-700")
button.inline-flex.w-full.justify-center.rounded-md.border.border-transparent.bg-green-600.px-4.py-2.text-base.font-medium.text-white.shadow-sm(
type="button"
:class="{'hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 sm:ml-3 sm:w-auto sm:text-sm': true, 'opacity-25 cursor-default': isLoading}"
@@ -103,7 +105,7 @@
v-model="notResolved"
@change="filter"
)
- label.form-check-label.inline-block.text-gray-800(for="notResolved")
+ label.form-check-label.inline-block.text-gray-800(class="dark:text-white" for="notResolved")
| Show only not resolved reports
v-table(