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 button appearance on small devices

Browse source
This commit is contained in:
Fedor Katurov 2022-01-02 17:20:18 +07:00
parent 5b2bf82d48
commit 85c7888c41
4 changed files with 21 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -20,42 +20,15 @@
.buttons {
position: relative;
z-index: 1;
display: grid;
display: flex;
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";
padding: $gap / 4;
}
@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;
}
.button_column {
padding: $gap / 4;
}
.uploads {