mirror of
				https://github.com/crater-invoice/crater.git
				synced 2025-10-28 12:11:08 -04:00 
			
		
		
		
	add dark mode in base modal
This commit is contained in:
		| @ -58,7 +58,7 @@ | ||||
|         </BaseInputGrid> | ||||
|       </div> | ||||
|       <div | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid" | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid dark:border-gray-600" | ||||
|       > | ||||
|         <BaseButton | ||||
|           class="mr-3" | ||||
|  | ||||
| @ -53,7 +53,7 @@ | ||||
|           flex | ||||
|           justify-end | ||||
|           p-4 | ||||
|           border-t border-gray-200 border-solid border-modal-bg | ||||
|           border-t border-gray-200 border-solid border-modal-bg dark:border-gray-600 | ||||
|         " | ||||
|       > | ||||
|         <BaseButton | ||||
|  | ||||
| @ -116,7 +116,7 @@ | ||||
|         </BaseInputGrid> | ||||
|       </div> | ||||
|  | ||||
|       <div class="z-0 flex justify-end p-4 bg-gray-50 border-modal-bg"> | ||||
|       <div class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid dark:border-gray-600"> | ||||
|         <BaseButton | ||||
|           class="mr-3 text-sm" | ||||
|           variant="primary-outline" | ||||
|  | ||||
| @ -426,7 +426,7 @@ | ||||
|       </div> | ||||
|  | ||||
|       <div | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid" | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid dark:border-gray-600" | ||||
|       > | ||||
|         <BaseButton | ||||
|           class="mr-3 text-sm" | ||||
|  | ||||
| @ -38,7 +38,7 @@ | ||||
|         </BaseInputGroup> | ||||
|       </div> | ||||
|  | ||||
|       <div class="z-0 flex justify-end p-4 bg-gray-50 border-modal-bg"> | ||||
|       <div class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid border-modal-bg dark:border-gray-600"> | ||||
|         <BaseButton | ||||
|           class="mr-3 text-sm" | ||||
|           variant="primary-outline" | ||||
|  | ||||
| @ -151,7 +151,7 @@ | ||||
|         /> | ||||
|       </div> | ||||
|       <div | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid" | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid dark:border-gray-600" | ||||
|       > | ||||
|         <BaseButton | ||||
|           class="mr-3" | ||||
|  | ||||
| @ -26,7 +26,7 @@ | ||||
|               flex | ||||
|               justify-end | ||||
|               p-4 | ||||
|               border-t border-solid border-gray-light | ||||
|               border-t border-solid border-gray-light dark:border-gray-600 | ||||
|             " | ||||
|           > | ||||
|             <BaseButton | ||||
|  | ||||
| @ -90,7 +90,7 @@ | ||||
|           </BaseInputGrid> | ||||
|         </div> | ||||
|         <div | ||||
|           class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid" | ||||
|           class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid dark:border-gray-600" | ||||
|         > | ||||
|           <BaseButton | ||||
|             class="mr-3" | ||||
|  | ||||
| @ -37,7 +37,7 @@ | ||||
|           flex | ||||
|           justify-end | ||||
|           p-4 | ||||
|           border-t border-gray-200 border-solid border-modal-bg | ||||
|           border-t border-gray-200 border-solid dark:border-gray-600 | ||||
|         " | ||||
|       > | ||||
|         <BaseButton | ||||
|  | ||||
| @ -63,7 +63,7 @@ | ||||
|         </BaseInputGrid> | ||||
|       </div> | ||||
|       <div | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid" | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid dark:border-gray-600" | ||||
|       > | ||||
|         <BaseButton | ||||
|           variant="primary-outline" | ||||
|  | ||||
| @ -70,7 +70,7 @@ | ||||
|           justify-end | ||||
|           px-4 | ||||
|           py-4 | ||||
|           border-t border-solid border-gray-light | ||||
|           border-t border-gray-200 border-solid dark:border-gray-600 | ||||
|         " | ||||
|       > | ||||
|         <BaseButton | ||||
|  | ||||
| @ -30,7 +30,7 @@ | ||||
|       </div> | ||||
|  | ||||
|       <div | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid" | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid dark:border-gray-600" | ||||
|       > | ||||
|         <BaseButton | ||||
|           variant="primary-outline" | ||||
|  | ||||
| @ -122,7 +122,7 @@ | ||||
|           flex | ||||
|           justify-end | ||||
|           p-4 | ||||
|           border-t border-solid border--200 border-modal-bg | ||||
|           border-t border-gray-200 border-solid dark:border-gray-600 | ||||
|         " | ||||
|       > | ||||
|         <BaseButton | ||||
|  | ||||
| @ -70,7 +70,7 @@ | ||||
|       </div> | ||||
|     </div> | ||||
|  | ||||
|     <div class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid"> | ||||
|     <div class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid dark:border-gray-600"> | ||||
|       <BaseButton class="mr-3" variant="primary-outline" @click="closeModal"> | ||||
|         {{ $t('general.cancel') }} | ||||
|       </BaseButton> | ||||
|  | ||||
| @ -63,7 +63,7 @@ | ||||
|         </BaseInputGrid> | ||||
|       </div> | ||||
|       <div | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid" | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid dark:border-gray-600" | ||||
|       > | ||||
|         <BaseButton | ||||
|           class="mr-3" | ||||
|  | ||||
| @ -66,7 +66,7 @@ | ||||
|         </BaseInputGrid> | ||||
|       </div> | ||||
|       <div | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid" | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid dark:border-gray-600" | ||||
|       > | ||||
|         <BaseButton | ||||
|           class="mr-3" | ||||
|  | ||||
| @ -66,7 +66,7 @@ | ||||
|         </BaseInputGrid> | ||||
|       </div> | ||||
|       <div | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid" | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid dark:border-gray-600" | ||||
|       > | ||||
|         <BaseButton | ||||
|           class="mr-3" | ||||
|  | ||||
| @ -96,7 +96,7 @@ | ||||
|           flex | ||||
|           justify-end | ||||
|           p-4 | ||||
|           border-t border-solid border--200 border-modal-bg | ||||
|           border-t border-gray-200 border-solid dark:border-gray-600 | ||||
|         " | ||||
|       > | ||||
|         <BaseButton | ||||
|  | ||||
| @ -88,7 +88,7 @@ | ||||
|       </div> | ||||
|  | ||||
|       <div | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid" | ||||
|         class="z-0 flex justify-end p-4 border-t border-gray-200 border-solid dark:border-gray-600" | ||||
|       > | ||||
|         <BaseButton | ||||
|           class="mr-3 text-sm" | ||||
|  | ||||
| @ -178,7 +178,7 @@ | ||||
|           flex | ||||
|           justify-end | ||||
|           p-4 | ||||
|           border-t border-solid border-gray-light border-modal-bg | ||||
|           border-t border-gray-200 border-solid dark:border-gray-600 | ||||
|         " | ||||
|       > | ||||
|         <BaseButton | ||||
|  | ||||
| @ -153,7 +153,7 @@ | ||||
|           <BaseSwitch v-model="set_as_default" class="flex" /> | ||||
|         </div> | ||||
|         <div class="ml-4 right"> | ||||
|           <p class="p-0 mb-1 text-base leading-snug text-black box-title"> | ||||
|           <p class="p-0 mb-1 text-base leading-snug text-black dark:text-white box-title"> | ||||
|             {{ $t('settings.disk.is_default') }} | ||||
|           </p> | ||||
|         </div> | ||||
|  | ||||
| @ -132,7 +132,7 @@ | ||||
|           <BaseSwitch v-model="set_as_default" class="flex" /> | ||||
|         </div> | ||||
|         <div class="ml-4 right"> | ||||
|           <p class="p-0 mb-1 text-base leading-snug text-black box-title"> | ||||
|           <p class="p-0 mb-1 text-base leading-snug text-black dark:text-white box-title"> | ||||
|             {{ $t('settings.disk.is_default') }} | ||||
|           </p> | ||||
|         </div> | ||||
|  | ||||
| @ -63,7 +63,7 @@ | ||||
|         </div> | ||||
|  | ||||
|         <div class="ml-4 right"> | ||||
|           <p class="p-0 mb-1 text-base leading-snug text-black box-title"> | ||||
|           <p class="p-0 mb-1 text-base leading-snug text-black dark:text-white box-title"> | ||||
|             {{ $t('settings.disk.is_default') }} | ||||
|           </p> | ||||
|         </div> | ||||
|  | ||||
| @ -134,7 +134,7 @@ | ||||
|           <BaseSwitch v-model="set_as_default" class="flex" /> | ||||
|         </div> | ||||
|         <div class="ml-4 right"> | ||||
|           <p class="p-0 mb-1 text-base leading-snug text-black box-title"> | ||||
|           <p class="p-0 mb-1 text-base leading-snug text-black dark:text-white box-title"> | ||||
|             {{ $t('settings.disk.is_default') }} | ||||
|           </p> | ||||
|         </div> | ||||
|  | ||||
		Reference in New Issue
	
	Block a user