mirror of
https://github.com/yldio/copilot.git
synced 2024-12-01 07:30:07 +02:00
styling positon of service toggle
This commit is contained in:
parent
e3131a3835
commit
f2bdd00a32
@ -1,13 +1,34 @@
|
|||||||
const React = require('react');
|
const React = require('react');
|
||||||
const Toggle = require('@ui/components/toggle');
|
const Toggle = require('@ui/components/toggle');
|
||||||
|
|
||||||
|
const fns = require('@ui/shared/functions');
|
||||||
|
|
||||||
|
const Styled = require('styled-components');
|
||||||
|
|
||||||
|
const {
|
||||||
|
remcalc,
|
||||||
|
} = fns;
|
||||||
|
|
||||||
|
const {
|
||||||
|
default: styled,
|
||||||
|
} = Styled;
|
||||||
|
|
||||||
|
const StyledWrapper = styled.div`
|
||||||
|
margin-top: ${remcalc(9)};
|
||||||
|
margin-bottom: ${remcalc(36)};
|
||||||
|
`;
|
||||||
|
|
||||||
|
const StyledSpan = styled.span`
|
||||||
|
margin-right: ${remcalc(6)};
|
||||||
|
`;
|
||||||
|
|
||||||
const ServiceToggle = () => {
|
const ServiceToggle = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<StyledWrapper>
|
||||||
<span>View</span>
|
<StyledSpan>View</StyledSpan>
|
||||||
<Toggle />
|
<Toggle />
|
||||||
</div>
|
</StyledWrapper>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user