Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-30 18:41:36 +02:00
Code Issues Projects Releases Packages Wiki 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

25
src/components/compose.css
View file

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