discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Fixed comment controls style for mobile

Browse Source
This commit is contained in:
kvakazyambra 2023-05-18 21:48:24 +03:00
parent b08f6a3621
commit 75e78cb7c6
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/_shared/CommentEditor/styles/CommentEditor.module.scss
View File

@ -9,9 +9,11 @@
} }
.actions { .actions {
display: flex; @include media-breakpoint-up(sm) {
flex-direction: row; display: flex;
justify-content: space-between; flex-direction: row;
justify-content: space-between;
}
.menu, .menu,
.buttons { .buttons {
@ -19,6 +21,12 @@
flex-direction: row; flex-direction: row;
} }
@include media-breakpoint-down(sm) {
.menu {
margin-bottom: 1em;
}
}
.buttons { .buttons {
gap: 10px; gap: 10px;
} }