fix: guide page display issue

This commit is contained in:
ezequielnick 2025-02-08 14:28:40 +08:00
parent 95df5e7712
commit 55a3bc9cd3
2 changed files with 14 additions and 16 deletions

View File

@ -80,13 +80,11 @@ const App: React.FC = () => {
const location = useLocation() const location = useLocation()
const page = useRoutes(routes) const page = useRoutes(routes)
const setTitlebar = (): void => { const setTitlebar = (): void => {
if (!useWindowFrame) { if (!useWindowFrame && platform !== 'darwin') {
const options = { height: 48 } as TitleBarOverlayOptions const options = { height: 48 } as TitleBarOverlayOptions
try { try {
if (platform !== 'darwin') {
options.color = window.getComputedStyle(document.documentElement).backgroundColor options.color = window.getComputedStyle(document.documentElement).backgroundColor
options.symbolColor = window.getComputedStyle(document.documentElement).color options.symbolColor = window.getComputedStyle(document.documentElement).color
}
setTitleBarOverlay(options) setTitleBarOverlay(options)
} catch (e) { } catch (e) {
// ignore // ignore

View File

@ -8,22 +8,22 @@
} }
.driver-popover { .driver-popover {
background-color: hsl(var(--nextui-content2)) !important; background-color: hsl(var(--heroui-content2)) !important;
border-radius: 8px !important; border-radius: 8px !important;
color: hsl(var(--nextui-foreground)) !important; color: hsl(var(--heroui-foreground)) !important;
} }
.driver-popover a { .driver-popover a {
color: hsl(var(--nextui-primary)) !important; color: hsl(var(--heroui-primary)) !important;
text-decoration: underline !important; text-decoration: underline !important;
} }
.driver-popover-close-btn { .driver-popover-close-btn {
color: hsl(var(--nextui-foreground)) !important; color: hsl(var(--heroui-foreground)) !important;
} }
.driver-popover-progress-text { .driver-popover-progress-text {
color: hsl(var(--nextui-default-500)) !important; color: hsl(var(--heroui-default-500)) !important;
} }
.driver-popover-prev-btn { .driver-popover-prev-btn {
@ -33,7 +33,7 @@
padding: 8px !important; padding: 8px !important;
border-radius: 5px !important; border-radius: 5px !important;
font-size: 12px !important; font-size: 12px !important;
background-color: hsl(var(--nextui-primary)) !important; background-color: hsl(var(--heroui-primary)) !important;
} }
.driver-popover-next-btn { .driver-popover-next-btn {
@ -43,23 +43,23 @@
padding: 8px !important; padding: 8px !important;
border-radius: 5px !important; border-radius: 5px !important;
font-size: 12px !important; font-size: 12px !important;
background-color: hsl(var(--nextui-primary)) !important; background-color: hsl(var(--heroui-primary)) !important;
} }
.driver-popover-arrow-side-bottom { .driver-popover-arrow-side-bottom {
border-bottom-color: hsl(var(--nextui-content2)) !important; border-bottom-color: hsl(var(--heroui-content2)) !important;
} }
.driver-popover-arrow-side-top { .driver-popover-arrow-side-top {
border-top-color: hsl(var(--nextui-content2)) !important; border-top-color: hsl(var(--heroui-content2)) !important;
} }
.driver-popover-arrow-side-left { .driver-popover-arrow-side-left {
border-left-color: hsl(var(--nextui-content2)) !important; border-left-color: hsl(var(--heroui-content2)) !important;
} }
.driver-popover-arrow-side-right { .driver-popover-arrow-side-right {
border-right-color: hsl(var(--nextui-content2)) !important; border-right-color: hsl(var(--heroui-content2)) !important;
} }
.app-nodrag { .app-nodrag {