+11 -9

src/components/compose.css

reviewed

··· 136 136 line-height: 1.4; 137 137 border-color: transparent; 138 138 139 139 - @media (width < 30em) { 140 140 - margin-inline: calc(-1 * var(--form-padding-inline)); 141 141 - width: 100vw !important; 142 142 - max-width: 100vw; 143 143 - border-radius: 0; 144 144 - border: 0; 145 145 - } 139 139 + &.compose-field { 140 140 + @media (width < 30em) { 141 141 + margin-inline: calc(-1 * var(--form-padding-inline)); 142 142 + width: 100vw !important; 143 143 + max-width: 100vw; 144 144 + border-radius: 0; 145 145 + border: 0; 146 146 + } 146 147 147 147 - @media (min-width: 40em) { 148 148 - max-height: 65vh; 148 148 + @media (min-width: 40em) { 149 149 + max-height: 65vh; 150 150 + } 149 151 } 150 152 } 151 153 #compose-container textarea:hover {

+1

src/components/compose.jsx

reviewed

··· 1417 1417 return ( 1418 1418 <text-expander ref={textExpanderRef} keys="@ # :"> 1419 1419 <textarea 1420 1420 + class="compose-field" 1420 1421 autoCapitalize="sentences" 1421 1422 autoComplete="on" 1422 1423 autoCorrect="on"