yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-11-09 06:40:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix popups design

Browse Source
This commit is contained in:
cyril lopez 2017-09-21 16:07:56 +02:00
parent 78a9b77086
commit 3d86aa732e
3 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/strapi-plugin-content-type-builder/admin/src/components/PopUpForm/styles.scss
View File

@ -10,11 +10,12 @@
top: 0; top: 0;
width: 100%; width: 100%;
display: flex; display: flex;
padding: 1rem 2.9rem 0 2.9rem; padding: 1.6rem 2.9rem 0 2.9rem;
// padding: 2.8rem 2.9rem 0 2.9rem;
} }
.modalBody { .modalBody {
padding: 2.2rem 1.4rem 0 1.4rem; padding: 2.8rem 1.4rem 0 1.4rem;
} }
.modalFooter { .modalFooter {
@ -51,7 +52,7 @@
} }
.modalPosition { .modalPosition {
top: 16.8rem; // top: 16.8rem;
> div { > div {
border:none; border:none;
border-radius: 2px; border-radius: 2px;

9
packages/strapi-plugin-content-type-builder/admin/src/components/PopUpRelations/styles.scss
View File

@ -12,15 +12,16 @@
top: 0; top: 0;
width: 100%; width: 100%;
display: flex; display: flex;
padding: 1rem 2.9rem 0 2.9rem; padding: 1.6rem 2.9rem 0 2.9rem;
} }
.modalBody { .modalBody {
padding: 4.8rem 2.9rem 0 2.9rem; padding: 5.4rem 2.9rem 0 2.9rem;
} }
.modalBodyAdvanced { .modalBodyAdvanced {
padding: 2.2rem 1.4rem 0 1.4rem; padding: 2.8rem 1.4rem 0 1.4rem;
margin-bottom: .3rem;
} }
.flex { .flex {
@ -65,7 +66,7 @@
} }
.modalPosition { .modalPosition {
top: 16.8rem; // top: 16.8rem;
> div { > div {
border:none; border:none;
border-radius: 2px; border-radius: 2px;

16
packages/strapi-plugin-content-type-builder/admin/src/components/PopUpWarning/styles.scss
View File

@ -4,6 +4,7 @@
.header { .header {
border: none!important; border: none!important;
position: relative;
> h4 { > h4 {
width: 100%; width: 100%;
text-align: center; text-align: center;
@ -13,12 +14,23 @@
} }
> button { > button {
margin-top: -1.6rem;
margin-right: 0!important; margin-right: 0!important;
z-index: 999;
color: #C3C5C8;
opacity: 1;
font-size: 1.8rem;
font-weight: 100;
&:hover, &:focus {
color: #C3C5C8;
opacity: 1;
outline: 0;
}
} }
} }
.modalPosition { .modalPosition {
top: 16.8rem; // top: 16.8rem;
> div { > div {
border:none; border:none;
border-radius: 2px; border-radius: 2px;
@ -48,7 +60,7 @@
width: 100%; width: 100%;
padding: 0 .5rem; padding: 0 .5rem;
display: flex; display: flex;
margin-top: 3.5rem; margin-top: 3rem;
justify-content: space-between; justify-content: space-between;
> button { > button {