variablelab/theatre
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Style tweaks

Browse source
This commit is contained in:
Aria Minaei 2021-08-20 20:59:09 +02:00
parent c5254c3e6b
commit c02999061e
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
theatre/studio/src/toolbars/GlobalToolbar/GlobalToolbar.tsx
View file

@ -1,4 +1,5 @@
import {useVal} from '@theatre/dataverse-react' import {useVal} from '@theatre/dataverse-react'
import {pointerEventsAutoInNormalMode} from '@theatre/studio/css'
import getStudio from '@theatre/studio/getStudio' import getStudio from '@theatre/studio/getStudio'
import {panelZIndexes} from '@theatre/studio/panels/BasePanel/common' import {panelZIndexes} from '@theatre/studio/panels/BasePanel/common'
import React from 'react' import React from 'react'
@ -23,10 +24,16 @@ const Bg = styled.div`
display: flex; display: flex;
align-items: center; align-items: center;
gap: 1rem; gap: 1rem;
background-color: rgba(0, 0, 0, 0.15);
border-radius: 4px;
border-radius: 4px;
padding: 6px 6px; padding: 6px 6px;
${pointerEventsAutoInNormalMode};
&:hover {
background-color: rgba(0, 0, 0, 0.15);
backdrop-filter: blur(4px);
}
` `
const GlobalToolbar: React.FC<{}> = (props) => { const GlobalToolbar: React.FC<{}> = (props) => {