[react] fix: Background in menus
This commit is contained in:
parent
d50be3718e
commit
c6664cff19
2 changed files with 6 additions and 4 deletions
|
@ -11,7 +11,7 @@ const getProps = (isActive = false) => ({
|
||||||
|
|
||||||
const getSubProps = (isActive) => ({
|
const getSubProps = (isActive) => ({
|
||||||
className: `tw:p-0 tw:rounded-none tw:bg-transparent tw:w-full tw:h-auto
|
className: `tw:p-0 tw:rounded-none tw:bg-transparent tw:w-full tw:h-auto
|
||||||
tw:content-start tw:bg-secondary/20 tw:text-left tw:list-none`,
|
tw:content-start tw:text-left tw:list-none`,
|
||||||
})
|
})
|
||||||
|
|
||||||
const components = {
|
const components = {
|
||||||
|
|
|
@ -543,11 +543,13 @@ export const HeaderMenuViewMenu = (props) => {
|
||||||
<a
|
<a
|
||||||
className={`tw:w-full tw:text-base-content
|
className={`tw:w-full tw:text-base-content
|
||||||
tw:flex tw:flex-row tw:items-center tw:gap-2 tw:md:gap-4 tw:p-2 tw:px-4
|
tw:flex tw:flex-row tw:items-center tw:gap-2 tw:md:gap-4 tw:p-2 tw:px-4
|
||||||
tw:hover:cursor-pointer tw:hover:text-base-content tw:hover:cursor-pointer
|
tw:hover:cursor-pointer tw:hover:text-base-content tw:hover:cursor-pointer`}
|
||||||
tw:hover:bg-secondary/20 ${viewName === state.view ? 'tw:bg-secondary/20' : ''}`}
|
|
||||||
onClick={() => update.view(viewName)}
|
onClick={() => update.view(viewName)}
|
||||||
>
|
>
|
||||||
<ViewIcon view={viewName} className="tw:w-6 tw:h-6 tw:grow-0 tw:text-base-content" />
|
<ViewIcon
|
||||||
|
view={viewName}
|
||||||
|
className={`tw:w-6 tw:h-6 tw:grow-0 ${viewName === state.view ? 'tw:text-secondary' : 'tw:text-base-content'}`}
|
||||||
|
/>
|
||||||
<span className="tw:text-left tw:grow tw:font-medium tw:text-base-content">
|
<span className="tw:text-left tw:grow tw:font-medium tw:text-base-content">
|
||||||
{viewLabels[viewName]?.t || viewName}
|
{viewLabels[viewName]?.t || viewName}
|
||||||
</span>
|
</span>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue