add dark mode for label

This commit is contained in:
yogesh-gohil
2023-03-29 17:01:21 +05:30
parent 9249105ad6
commit 065775633d
9 changed files with 61 additions and 44 deletions

View File

@ -91,6 +91,7 @@
leading-tight
text-gray-700
cursor-pointer
dark:text-gray-400
"
>
{{ note.name }}

View File

@ -5,7 +5,7 @@
>
<SelectNotePopup :type="type" @select="onSelectNote" />
</div>
<label class="text-gray-800 font-medium mb-4 text-sm">
<label class="text-gray-800 font-medium mb-4 text-sm dark:text-gray-300">
{{ $t('invoices.notes') }}
</label>
<BaseCustomInput

View File

@ -29,7 +29,16 @@
<label
v-else
class="flex items-center justify-center m-0 text-lg text-black uppercase "
class="
flex
items-center
justify-center
m-0
text-lg
text-black
dark:text-white
uppercase
"
>
<BaseFormatMoney
:amount="store.getSubTotal"
@ -59,7 +68,16 @@
<label
v-else-if="store[storeProp].tax_per_item === 'YES'"
class="flex items-center justify-center m-0 text-lg text-black uppercase "
class="
flex
items-center
justify-center
m-0
text-lg
text-black
dark:text-white
uppercase
"
>
<BaseFormatMoney :amount="tax.amount" :currency="defaultCurrency" />
</label>
@ -166,7 +184,15 @@
</div>
<div
class="flex items-center justify-between w-full pt-2 mt-5 border-t border-gray-200 border-solid "
class="
flex
items-center
justify-between
w-full
pt-2
mt-5
border-t border-gray-200 border-solid
"
>
<BaseContentPlaceholders v-if="isLoading">
<BaseContentPlaceholdersText :lines="1" class="w-16 h-5" />

View File

@ -1,9 +1,18 @@
<template>
<div class="flex items-center justify-between w-full mt-2 text-sm">
<label class="font-semibold leading-5 text-gray-500 uppercase">
<label class="font-semibold leading-5 text-gray-500 uppercase dark:text-gray-300">
{{ tax.name }} ({{ tax.percent }} %)
</label>
<label class="flex items-center justify-center text-lg text-black">
<label
class="
flex
items-center
justify-center
text-lg
text-black
dark:text-white
"
>
<BaseFormatMoney :amount="tax.amount" :currency="currency" />
<BaseIcon

View File

@ -96,6 +96,7 @@
leading-tight
text-gray-700
cursor-pointer
dark:text-gray-300
"
>
{{ taxType.name }}
@ -108,6 +109,7 @@
font-semibold
text-gray-700
cursor-pointer
dark:text-gray-300
"
>
{{ taxType.percent }} %

View File

@ -1,6 +1,6 @@
<template>
<div>
<label class="flex text-gray-800 font-medium text-sm mb-2">
<label class="flex text-gray-800 font-medium text-sm mb-2 dark:text-gray-300">
{{ $t('general.select_template') }}
<span class="text-sm text-red-500"> *</span>
</label>

View File

@ -215,7 +215,7 @@
<SelectNotePopup type="Payment" @select="onSelectNote" />
</div>
<label class="mb-4 text-sm font-medium text-gray-800">
<label class="mb-4 text-sm font-medium text-gray-800 dark:text-gray-300">
{{ $t('estimates.notes') }}
</label>

View File

@ -4,23 +4,14 @@
:description="$t('settings.update_app.description')"
>
<div class="pb-8 ml-0">
<label class="text-sm not-italic font-medium input-label">
<label
class="text-sm not-italic font-medium input-label dark:text-gray-300"
>
{{ $t('settings.update_app.current_version') }}
</label>
<div
class="
box-border
flex
w-16
p-3
my-2
text-sm text-gray-600
bg-gray-200
border border-gray-200 border-solid
rounded-md
version
"
class="box-border flex w-16 p-3 my-2 text-sm text-gray-600 bg-gray-200 border border-gray-200 border-solid dark:bg-gray-600 dark:text-gray-200 dark:border-gray-500 rounded-md version"
>
{{ currentVersion }}
</div>
@ -42,20 +33,20 @@
{{ $t('settings.update_app.avail_update') }}
</BaseHeading>
<div class="rounded-md bg-primary-50 p-4 mb-3">
<div class="rounded-md bg-primary-50 p-4 mb-3 dark:bg-gray-600">
<div class="flex">
<div class="shrink-0">
<BaseIcon
name="InformationCircleIcon"
class="h-5 w-5 text-primary-400"
class="h-5 w-5 text-primary-400 dark:text-primary-300"
aria-hidden="true"
/>
</div>
<div class="ml-3">
<h3 class="text-sm font-medium text-primary-800">
<h3 class="text-sm font-medium text-primary-800 dark:text-primary-300">
{{ $t('general.note') }}
</h3>
<div class="mt-2 text-sm text-primary-700">
<div class="mt-2 text-sm text-primary-700 dark:text-primary-400">
<p>
{{ $t('settings.update_app.update_warning') }}
</p>
@ -75,26 +66,20 @@
w-16
p-3
my-2
text-sm text-gray-600
bg-gray-200
text-sm
text-gray-600 bg-gray-200
border border-gray-200 border-solid
rounded-md
version
dark:bg-gray-600 dark:text-gray-200
dark:border-gray-500
"
>
{{ updateData.version }}
</div>
<div
class="
pl-5
mt-4
mb-8
text-sm
leading-snug
text-gray-500
update-description
"
class="pl-5 mt-4 mb-8 text-sm leading-snug text-gray-500 update-description"
style="white-space: pre-wrap; max-width: 480px"
v-html="description"
></div>
@ -150,14 +135,7 @@
<li
v-for="step in updateSteps"
:key="step.stepUrl"
class="
flex
justify-between
w-full
py-3
border-b border-gray-200 border-solid
last:border-b-0
"
class="flex justify-between w-full py-3 border-b border-gray-200 border-solid last:border-b-0"
>
<p class="m-0 text-sm leading-8">{{ $t(step.translationKey) }}</p>
<div class="flex flex-row items-center">

View File

@ -15,6 +15,7 @@
text-gray-800
whitespace-nowrap
justify-between
dark:text-gray-300
"
>
<div>