Web: Files/Common: Style fix
This commit is contained in:
parent
5fe44c3976
commit
14031d121e
@ -129,6 +129,7 @@ const StyledContent = styled.div`
|
||||
const StyledHeaderContent = styled.div`
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 16px;
|
||||
`;
|
||||
|
||||
const StyledBody = styled.div`
|
||||
@ -139,10 +140,12 @@ const StyledBody = styled.div`
|
||||
.selector-wrapper {
|
||||
position: fixed;
|
||||
height: calc(100% - 57px);
|
||||
width: 100%;
|
||||
|
||||
.column-options {
|
||||
padding: 0 0 16px 0;
|
||||
width: 470px;
|
||||
padding: 0px 16px;
|
||||
padding-bottom: 16px;
|
||||
width: 100%;
|
||||
|
||||
.header-options {
|
||||
.combo-button-label {
|
||||
|
@ -10,7 +10,6 @@ const StyledFooter = styled.div`
|
||||
props.withEmbeddedComponent &&
|
||||
css`
|
||||
display: flex;
|
||||
padding: 16px 0;
|
||||
`}
|
||||
|
||||
${(props) =>
|
||||
|
@ -125,6 +125,7 @@ const StyledSelector = styled(Container)`
|
||||
/* background-color: red; */
|
||||
padding: 16px 16px 0 16px;
|
||||
grid-row-gap: 2px;
|
||||
overflow: hidden;
|
||||
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: ${(props) =>
|
||||
@ -137,7 +138,7 @@ const StyledSelector = styled(Container)`
|
||||
? "100px"
|
||||
: "30px"
|
||||
: props.groups && props.groups.length > 0
|
||||
? "70px"
|
||||
? "75px"
|
||||
: "30px"
|
||||
: "30px"} 1fr;
|
||||
grid-template-areas: "header-options" "body-options";
|
||||
@ -207,7 +208,7 @@ const StyledSelector = styled(Container)`
|
||||
.body-options {
|
||||
grid-area: body-options;
|
||||
margin-left: -8px;
|
||||
margin-top: 5px;
|
||||
margin-top: 2px;
|
||||
|
||||
@media ${tablet} {
|
||||
width: 290px;
|
||||
|
Loading…
Reference in New Issue
Block a user