TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-28 12:11:08 -04:00
Code Issues Packages Projects Releases Wiki Activity

add dark mode in wizard steps

Browse Source
This commit is contained in:
PayalDholakiya
2023-03-30 16:48:33 +05:30
parent 3b3da13218
commit ab13823b83
7 changed files with 21 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/scripts/admin/layouts/LayoutInstallation.vue
View File

@ -1,8 +1,8 @@
<template>
<div class="h-screen overflow-y-auto text-base">
<div class="h-screen overflow-y-auto text-base dark:bg-gray-800/80 dark:text-white">
<NotificationRoot />
<div class="container mx-auto px-4">
<div class="container px-4 mx-auto">
<router-view />
</div>
</div>

4
resources/scripts/admin/views/installation/Step1RequirementsCheck.vue
View File

@ -7,7 +7,7 @@
<div class="mb-6">
<div
v-if="phpSupportInfo"
class="grid grid-flow-row grid-cols-3 p-3 border border-gray-200 lg:gap-24 sm:gap-4"
class="grid grid-flow-row grid-cols-3 p-3 border border-gray-200 lg:gap-24 sm:gap-4 dark:border-white/10"
>
<div class="col-span-2 text-sm">
{{
@ -32,7 +32,7 @@
<div
v-for="(requirement, index) in requirements"
:key="index"
class="grid grid-flow-row grid-cols-3 p-3 border border-gray-200 lg:gap-24 sm:gap-4"
class="grid grid-flow-row grid-cols-3 p-3 border border-gray-200 dark:border-gray-600 lg:gap-24 sm:gap-4"
>
<div class="col-span-2 text-sm">
{{ index }}

13
resources/scripts/admin/views/installation/Step2PermissionCheck.vue
View File

@ -8,12 +8,7 @@
<div
v-for="(permission, index) in 3"
:key="index"
class="
grid grid-flow-row grid-cols-3
lg:gap-24
sm:gap-4
border border-gray-200
"
class="grid grid-flow-row grid-cols-3 border border-gray-200 lg:gap-24 sm:gap-4 dark:border-gray-600"
>
<BaseContentPlaceholdersText :lines="1" class="col-span-4 p-3" />
</div>
@ -29,7 +24,7 @@
<div
v-for="(permission, index) in permissions"
:key="index"
class="border border-gray-200"
class="border border-gray-200 dark:border-gray-600"
>
<div class="grid grid-flow-row grid-cols-3 lg:gap-24 sm:gap-4">
<div class="col-span-2 p-3">
@ -38,11 +33,11 @@
<div class="p-3 text-right">
<span
v-if="permission.isSet"
class="inline-block w-4 h-4 ml-3 mr-2 rounded-full bg-green-500"
class="inline-block w-4 h-4 ml-3 mr-2 bg-green-500 rounded-full"
/>
<span
v-else
class="inline-block w-4 h-4 ml-3 mr-2 rounded-full bg-red-500"
class="inline-block w-4 h-4 ml-3 mr-2 bg-red-500 rounded-full"
/>
<span>{{ permission.permission }}</span>
</div>

1
resources/scripts/admin/views/installation/Step3DatabaseConfig.vue
View File

@ -2,7 +2,6 @@
<BaseWizardStep
:title="$t('wizard.database.database')"
:description="$t('wizard.database.desc')"
step-container="w-full p-8 mb-8 bg-white border border-gray-200 border-solid rounded md:w-full"
>
<component
:is="databaseData.database_connection"

10
resources/scripts/admin/views/installation/Step4VerifyDomain.vue
View File

@ -18,18 +18,18 @@
</BaseInputGroup>
</div>
<p class="mt-4 mb-0 text-sm text-gray-600">Notes:</p>
<ul class="w-full text-gray-600 list-disc list-inside">
<p class="mt-4 mb-0 text-sm text-gray-600 dark:text-white">Notes:</p>
<ul class="w-full text-gray-600 list-disc list-inside dark:text-gray-300">
<li class="text-sm leading-8">
App domain should not contain
<b class="inline-block px-1 bg-gray-100 rounded-sm">https://</b> or
<b class="inline-block px-1 bg-gray-100 rounded-sm">http</b> in front of
<b class="inline-block px-1 bg-gray-100 rounded-md dark:bg-gray-400 dark:text-gray-600">https://</b> or
<b class="inline-block px-1 bg-gray-100 rounded-md dark:bg-gray-400 dark:text-gray-600">http</b> in front of
the domain.
</li>
<li class="text-sm leading-8">
If you're accessing the website on a different port, please mention the
port. For example:
<b class="inline-block px-1 bg-gray-100">localhost:8080</b>
<b class="inline-block px-1 bg-gray-100 rounded-md dark:bg-gray-400 dark:text-gray-600">localhost:8080</b>
</li>
</ul>