mirror of
https://github.com/ansible/awx.git
synced 2026-03-25 12:55:04 -02:30
Standardize chip height (#213)
* make all chips the same size * create DetailList, Detail components; clean up Chips, ChipGroup * delete BasicChip in favor of <Chip isReadOnly> * create our own ChipGroup to handle overflow
This commit is contained in:
@@ -1,18 +1,19 @@
|
||||
import React from 'react';
|
||||
import styled from 'styled-components';
|
||||
|
||||
const Separator = styled.span`
|
||||
display: inline-block;
|
||||
width: 1px;
|
||||
height: 30px;
|
||||
margin-right: 20px;
|
||||
margin-left: 20px;
|
||||
background-color: #d7d7d7;
|
||||
vertical-align: middle;
|
||||
`;
|
||||
|
||||
const VerticalSeparator = () => (
|
||||
<div>
|
||||
<span style={{
|
||||
content: '',
|
||||
backgroundColor: '#d7d7d7',
|
||||
width: '1px',
|
||||
height: '30px',
|
||||
display: 'inline-block',
|
||||
verticalAlign: 'middle',
|
||||
marginLeft: '20px',
|
||||
marginRight: '20px'
|
||||
}}
|
||||
/>
|
||||
<Separator />
|
||||
</div>
|
||||
);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user