Web: Files/Common: Style fix

This commit is contained in:
Alexey Kostenko 2020-12-03 18:14:11 +03:00
parent 5fe44c3976
commit 14031d121e
3 changed files with 8 additions and 5 deletions

View File

@ -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 {

View File

@ -10,7 +10,6 @@ const StyledFooter = styled.div`
props.withEmbeddedComponent &&
css`
display: flex;
padding: 16px 0;
`}
${(props) =>

View File

@ -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;