(feat): add tooltips
All checks were successful
/ deploy (push) Successful in 14m56s

(fix): small ui and layout bug
This commit is contained in:
Alois 2026-05-09 21:12:24 +02:00
commit dd09ca943d
10 changed files with 279 additions and 171 deletions

View file

@ -7,9 +7,12 @@ export default function Layout({ children }: { children: React.ReactNode }) {
const screenRef = useRef<HTMLDivElement>(null);
const topBarRef = useRef<HTMLDivElement>(null);
const actionsRef = useRef<HTMLDivElement>(null);
const hideChromeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
const hideChromeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(
null,
);
const [overlayInsets, setOverlayInsets] = useState({ top: 0, bottom: 0 });
const [isImmersiveChromeVisible, setIsImmersiveChromeVisible] = useState(false);
const [isImmersiveChromeVisible, setIsImmersiveChromeVisible] =
useState(false);
useEffect(() => {
setScreenRef(screenRef);
@ -102,7 +105,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
ref={screenRef}
className={`relative w-full h-full flex flex-col ${
isImmersiveFocusedView && !immersiveChromeVisible ? "cursor-none" : ""
}`}
} ${callIsFullscreen ? "bg-background" : ""}`}
onMouseEnter={showImmersiveChrome}
onMouseMove={showImmersiveChrome}
onMouseLeave={hideImmersiveChrome}