diff --git a/theatre/studio/src/UIRoot/UIRoot.tsx b/theatre/studio/src/UIRoot/UIRoot.tsx index b484009..70ab205 100644 --- a/theatre/studio/src/UIRoot/UIRoot.tsx +++ b/theatre/studio/src/UIRoot/UIRoot.tsx @@ -32,10 +32,7 @@ const MakeRootHostContainStatic = const Container = styled(PointerEventsHandler)` z-index: 50; position: fixed; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; + inset: 0px; &.invisible { pointer-events: none !important; diff --git a/theatre/studio/src/toolbars/ExtensionToolbar/ExtensionToolbar.tsx b/theatre/studio/src/toolbars/ExtensionToolbar/ExtensionToolbar.tsx index 2f6050b..71a36a4 100644 --- a/theatre/studio/src/toolbars/ExtensionToolbar/ExtensionToolbar.tsx +++ b/theatre/studio/src/toolbars/ExtensionToolbar/ExtensionToolbar.tsx @@ -1,7 +1,6 @@ import {Box} from '@theatre/dataverse' import {useVal} from '@theatre/react' import type {IExtension} from '@theatre/studio' -import {pointerEventsAutoInNormalMode} from '@theatre/studio/css' import getStudio from '@theatre/studio/getStudio' import type {ToolsetConfig} from '@theatre/studio/TheatreStudio' import React, {useLayoutEffect, useMemo} from 'react' @@ -18,22 +17,6 @@ const Container = styled.div` justify-content: center; ` -const Bg = styled.div` - display: flex; - align-items: center; - gap: 1rem; - - border-radius: 4px; - padding: 6px 6px; - - ${pointerEventsAutoInNormalMode}; - - &:hover { - background-color: rgba(0, 0, 0, 0.15); - backdrop-filter: blur(4px); - } -` - const GroupDivider = styled.div` position: abolute; height: 32px;