oreolek/phanpy
1
0
Fork 0
Code Activity

Adjustments for the compose field

Browse source
This commit is contained in:
Lim Chee Aun 2023-11-12 10:57:22 +08:00
parent b40357c54e
commit 91f6efe736
1 changed files with 11 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/components/compose.css
View file

@ -137,14 +137,6 @@
border-color: transparent;
&.compose-field {
@media (width < 30em) {
margin-inline: calc(-1 * var(--form-padding-inline));
width: 100vw !important;
max-width: 100vw;
border-radius: 0;
border: 0;
}
@media (min-width: 40em) {
max-height: 65vh;
}
@ -623,6 +615,17 @@
.compose-field-container {
display: grid !important;
@media (width < 30em) {
margin-inline: calc(-1 * var(--form-padding-inline));
width: 100vw !important;
max-width: 100vw;
.compose-field {
border-radius: 0;
outline-offset: -2px;
}
}
&.debug {
grid-template-columns: 1fr 1fr;
}
@ -654,12 +657,6 @@
@media (min-width: 40em) {
max-height: 65vh;
}
@media (width < 30em) {
margin-inline: calc(-1 * var(--form-padding-inline));
width: 100vw !important;
max-width: 100vw;
border: 0;
}
mark {
color: inherit;