muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

upload button

Browse source
This commit is contained in:
muerwre 2019-08-08 18:41:41 +07:00
parent 3ed01773c4
commit adfa668f15
4 changed files with 31 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/editors/EditorPanel/styles.scss
View file

@ -1,7 +1,10 @@
.panel { .panel {
height: 60px; height: 72px;
position: absolute; position: absolute;
left: 0; left: 0;
width: 100%; width: 100%;
bottom: 100%; bottom: 100%;
box-sizing: border-box;
padding: $gap;
z-index: 10;
} }

4
src/components/editors/ImageGrid/styles.scss
View file

@ -1,6 +1,6 @@
.grid { .grid {
min-height: 200px; min-height: 200px;
padding-bottom: 60px; padding-bottom: 62px;
box-sizing: border-box; box-sizing: border-box;
display: grid; display: grid;
@ -20,6 +20,6 @@
// width: 25%; // width: 25%;
// float: left; // float: left;
// padding: $gap / 2; // padding: $gap / 2;
z-index: 100; z-index: 10;
box-sizing: border-box; box-sizing: border-box;
} }

11
src/components/editors/ImageUploadButton/styles.scss
View file

@ -1,15 +1,18 @@
.wrap { .wrap {
width: 60px; width: 52px;
height: 60px; height: 52px;
border-radius: 32px !important; border-radius: 32px !important;
position: relative; position: relative;
border-radius: $radius; border-radius: $radius;
cursor: pointer; cursor: pointer;
opacity: 0.5; // opacity: 0.7;
transition: opacity 0.5s; transition: opacity 0.5s;
background: $red_gradient; background: $red_gradient;
box-shadow: $content_bg 0 0 20px 10px;
&:hover {} &:hover {
opacity: 1;
}
input { input {
width: 100%; width: 100%;

25
src/containers/dialogs/ScrollDialog/styles.scss
View file

@ -47,7 +47,7 @@
justify-content: center; justify-content: center;
padding: 0 20px; padding: 0 20px;
box-sizing: border-box; box-sizing: border-box;
z-index: 2; z-index: 11;
} }
.top { .top {
@ -157,13 +157,23 @@
} }
@keyframes spin_1 { @keyframes spin_1 {
0% { transform: rotate(0); } 0% {
100% { transform: rotate(45deg); } transform: rotate(0);
}
100% {
transform: rotate(45deg);
}
} }
@keyframes spin_2 { @keyframes spin_2 {
0% { transform: rotate(0); } 0% {
100% { transform: rotate(-45deg); } transform: rotate(0);
}
100% {
transform: rotate(-45deg);
}
} }
.close { .close {
@ -182,7 +192,8 @@
transform: translate(-50%, -4px); transform: translate(-50%, -4px);
} }
&::before, &::after { &::before,
&::after {
content: ' '; content: ' ';
width: 32px; width: 32px;
height: 2px; height: 2px;
@ -196,4 +207,4 @@
&::before { &::before {
animation: spin_2 0.5s forwards; animation: spin_2 0.5s forwards;
} }
} }