ControlPanel.styled.ts 389 B

123456789101112131415161718
  1. import styled from 'styled-components';
  2. interface Props {
  3. hasInput?: boolean;
  4. }
  5. export const ControlPanelWrapper = styled.div<Props>`
  6. display: flex;
  7. align-items: center;
  8. padding: 0 16px;
  9. margin: 0 0 16px;
  10. width: 100%;
  11. gap: 16px;
  12. color: ${({ theme }) => theme.default.color.normal};
  13. & > *:first-child {
  14. width: ${(props) => (props.hasInput ? '38%' : 'auto')};
  15. }
  16. `;