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

fixed comment buttons mobile appearance

Browse source
This commit is contained in:
Fedor Katurov 2021-03-09 15:19:40 +07:00
parent dd46a3f036
commit ebdb09a611
3 changed files with 63 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/components/comment/CommentForm/styles.module.scss
View file

@ -21,13 +21,42 @@
position: relative;
z-index: 1;
display: flex;
flex-direction: row;
display: grid;
background: transparentize(black, 0.8);
padding: $gap / 2;
border-radius: 0 0 $radius $radius;
flex-wrap: wrap;
column-gap: $gap;
grid-template-columns: auto 1fr auto;
grid-template-rows: 1fr;
grid-template-areas: "attach format submit";
@media(max-width: 470px) {
padding: $gap;
grid-template-columns: 1fr auto;
grid-template-rows: 1fr 1fr;
grid-template-areas:
"attach format"
"submit submit";
row-gap: $gap;
}
&_attach {
grid-area: attach;
}
&_format {
grid-area: format;
}
&_submit {
grid-area: submit;
display: grid;
grid-auto-flow: column;
align-items: flex-end;
justify-content: flex-end;
column-gap: $gap / 2;
}
}
.uploads {