Merge pull request #3004 from BilikoX/fix-starter-submenu-btn-css

Fix starter submenu btn css
This commit is contained in:
tangly1024
2024-11-23 15:06:50 +08:00
committed by GitHub
2 changed files with 12 additions and 2 deletions

View File

@@ -42,7 +42,7 @@ export const MenuItem = ({ link }) => {
<li className='submenu-item group relative whitespace-nowrap'>
<button
onClick={toggleSubMenu}
className={`cursor-pointer relative w-full px-8 flex items-center justify-between py-2 text-base font-medium text-dark group-hover:text-primary dark:text-white lg:ml-8 lg:mr-0 lg:inline-flex lg:py-6 lg:pl-0 lg:pr-4 ${
className={`cursor-pointer relative px-8 flex items-center justify-between py-2 text-base font-medium text-dark group-hover:text-primary dark:text-white lg:ml-8 lg:mr-0 lg:inline-flex lg:py-6 lg:pl-0 lg:pr-4 ${
router.route === '/'
? 'lg:text-white lg:group-hover:text-white'
: ''

View File

@@ -54,6 +54,11 @@ const Style = () => {
color: rgb(55 88 249 / var(--tw-text-opacity));
opacity: 1;
}
#theme-starter .sticky #navbarCollapse li > button{
--tw-text-opacity: 1;
color: rgb(17 25 40 / var(--tw-text-opacity));
}
:is(.dark #theme-starter .sticky #navbarCollapse li > a){
--tw-text-opacity: 1;
@@ -64,7 +69,12 @@ const Style = () => {
--tw-text-opacity: 1;
color: rgb(55 88 249 / var(--tw-text-opacity));
}
:is(.dark #theme-starter .sticky #navbarCollapse li > button){
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
#navbarCollapse li .ud-menu-scroll.active{
opacity: 0.7;
}