mirror of
https://github.com/strapi/strapi.git
synced 2025-09-27 17:29:14 +00:00
Design all nested form
This commit is contained in:
parent
f16b26b631
commit
6acb764603
@ -24,5 +24,5 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sectionContainer {
|
.sectionContainer {
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.7rem;
|
||||||
}
|
}
|
||||||
|
@ -56,7 +56,7 @@ class EditFormSectionNested extends React.Component { // eslint-disable-line rea
|
|||||||
// console.log(this.state);
|
// console.log(this.state);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={this.props.styles.padded}>
|
<div className={`${this.props.styles.padded} ${this.props.styles.nesTedFormContainer}`}>
|
||||||
<div className="row">
|
<div className="row">
|
||||||
{map(this.props.section, (item, key) => {
|
{map(this.props.section, (item, key) => {
|
||||||
if (this.state.showNestedForm) {
|
if (this.state.showNestedForm) {
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.inputToggle { /* stylelint-disable */
|
.inputToggle { /* stylelint-disable */
|
||||||
margin-top: .4rem;
|
margin-top: .2rem;
|
||||||
> button {
|
> button {
|
||||||
// display and box model
|
// display and box model
|
||||||
width: 5.3rem;
|
width: 5.3rem;
|
||||||
@ -44,7 +44,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.toggleLabel {
|
.toggleLabel {
|
||||||
padding-top: .1rem;
|
|
||||||
margin-bottom: .7rem;
|
margin-bottom: .7rem;
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
line-height: 1.6rem;
|
line-height: 1.6rem;
|
||||||
|
@ -14,16 +14,23 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.padded {
|
.padded {
|
||||||
padding: 4px 15px 0 15px;
|
padding: 0 15px 0 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.subNestedFormContainer {
|
.subNestedFormContainer {
|
||||||
margin: 1rem 15px;
|
margin: 1rem 15px .2rem 15px;
|
||||||
padding: 0 2rem;
|
padding: 0 2rem;
|
||||||
background: #FAFAFB;
|
background: #FAFAFB;
|
||||||
}
|
}
|
||||||
|
|
||||||
.spacer {
|
.spacer {
|
||||||
height: 1.4rem;
|
height: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.nesTedFormContainer {
|
||||||
|
margin-top: 1rem;
|
||||||
|
padding-top: .2rem;
|
||||||
|
margin-bottom: .5rem;
|
||||||
}
|
}
|
||||||
|
@ -11,7 +11,7 @@
|
|||||||
color: #ABAFBB;
|
color: #ABAFBB;
|
||||||
}
|
}
|
||||||
> input {
|
> input {
|
||||||
margin-top: 3px;
|
margin-top: 4px;
|
||||||
margin-bottom: 1.1rem;
|
margin-bottom: 1.1rem;
|
||||||
height: 3.4rem;
|
height: 3.4rem;
|
||||||
line-height: 1.6rem;
|
line-height: 1.6rem;
|
||||||
@ -20,7 +20,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.inputText { /* stylelint-disable */
|
.inputText { /* stylelint-disable */
|
||||||
|
|
||||||
font-family: Lato!important;
|
font-family: Lato!important;
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
> label {
|
> label {
|
||||||
@ -32,7 +32,7 @@
|
|||||||
color: #ABAFBB;
|
color: #ABAFBB;
|
||||||
}
|
}
|
||||||
> input {
|
> input {
|
||||||
margin-top: 3px;
|
margin-top: 4px;
|
||||||
margin-bottom: 1.1rem;
|
margin-bottom: 1.1rem;
|
||||||
height: 3.4rem;
|
height: 3.4rem;
|
||||||
line-height: 1.6rem;
|
line-height: 1.6rem;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user