mirror of
https://github.com/yldio/copilot.git
synced 2024-11-10 21:30:06 +02:00
parent
c7121538bc
commit
5fd98995b0
@ -1,7 +1,7 @@
|
||||
import styled from 'styled-components';
|
||||
import { Subscriber } from 'react-broadcast';
|
||||
import { Baseline } from '../../shared/composers';
|
||||
import { is } from '../../shared/functions';
|
||||
import { is, isNot } from '../../shared/functions';
|
||||
import Column from '../column';
|
||||
import Row from '../row';
|
||||
import View from './view';
|
||||
@ -11,6 +11,10 @@ const InnerRow = styled(Row)`
|
||||
display: block;
|
||||
height: 100%;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
|
||||
${is('collapsed')`
|
||||
display: flex;
|
||||
`};
|
||||
|
@ -50,14 +50,15 @@ const StyledButton = styled(Button)`
|
||||
const StyledContainer = styled.div`
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 35%; /* I don't know why this doesn't center with 50% */
|
||||
`;
|
||||
|
||||
const StyledCircle = styled.div`
|
||||
margin: 0 0 2px -2px;
|
||||
margin: 0 0 ${remcalc(2)} ${remcalc(-2)};
|
||||
border-radius: 50%;
|
||||
background-color: ${colors.base.white};
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
width: ${remcalc(4)};
|
||||
height: ${remcalc(4)};
|
||||
`;
|
||||
|
||||
const Options = ({
|
||||
|
@ -17,7 +17,7 @@ const StyledView = styled(Row)`
|
||||
`};
|
||||
|
||||
${is('collapsed')`
|
||||
height: ${remcalc(48)};
|
||||
height: ${remcalc(47)};
|
||||
`};
|
||||
|
||||
${is('fromHeader')`
|
||||
|
Loading…
Reference in New Issue
Block a user