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

add dark mode in base tabGroup and tab (#1175)

Browse Source 
* add dark mode in base tabGroup and tab

* fix tab-list border in dark-mode

---------

Co-authored-by: yogesh-gohil <yogeshgohil1611@gmail.com>
This commit is contained in:
Yash Kanakiya
2023-03-28 12:29:14 +05:30
committed by GitHub
parent d14ab013ad
commit 8f2edc220b
4 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
resources/scripts/components/base/BaseTabGroup.vue
View File

@ -7,7 +7,7 @@
>
<TabList
:class="[
'flex border-b border-grey-light',
'flex border-b border-grey-light dark:border-gray-600',
'relative overflow-x-auto overflow-y-hidden',
'lg:pb-0 lg:ml-0',
]"
@ -22,8 +22,8 @@
:class="[
'px-8 py-2 text-sm leading-5 font-medium flex items-center relative border-b-2 mt-4 focus:outline-none whitespace-nowrap',
selected
? ' border-primary-400 text-black font-medium'
: 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300',
? 'border-primary-400 text-black font-medium dark:text-white'
: 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:border-gray-500',
]"
>
{{ tab.title }}