diff options
| author | Kimsible <kimsible@users.noreply.github.com> | 2021-06-06 23:47:24 +0200 |
|---|---|---|
| committer | Chocobozzz <chocobozzz@cpy.re> | 2021-06-15 14:15:10 +0200 |
| commit | 089cfa65697b60e6ff109f9bf517458908b7c855 (patch) | |
| tree | 9f02fadc5dd2d100899d7a0071da2d919c30a7f7 | |
| parent | 47162a9c96568f797f2eb0aa35c47ed68fa65acb (diff) | |
| download | PeerTube-089cfa65697b60e6ff109f9bf517458908b7c855.tar.gz PeerTube-089cfa65697b60e6ff109f9bf517458908b7c855.tar.zst PeerTube-089cfa65697b60e6ff109f9bf517458908b7c855.zip | |
Fix input size of contact form on mobile view
| -rw-r--r-- | client/src/app/+about/about-instance/contact-admin-modal.component.scss | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/client/src/app/+about/about-instance/contact-admin-modal.component.scss b/client/src/app/+about/about-instance/contact-admin-modal.component.scss index 260d77888..cd3cf85dd 100644 --- a/client/src/app/+about/about-instance/contact-admin-modal.component.scss +++ b/client/src/app/+about/about-instance/contact-admin-modal.component.scss | |||
| @@ -4,8 +4,18 @@ | |||
| 4 | input[type=text] { | 4 | input[type=text] { |
| 5 | @include peertube-input-text(340px); | 5 | @include peertube-input-text(340px); |
| 6 | display: block; | 6 | display: block; |
| 7 | |||
| 8 | @media screen and (max-width: #{map-get($container-max-widths, sm)}) { | ||
| 9 | width: 100%; | ||
| 10 | } | ||
| 7 | } | 11 | } |
| 8 | 12 | ||
| 9 | textarea { | 13 | textarea { |
| 10 | @include peertube-textarea(100%, 200px); | 14 | @include peertube-textarea(100%, 200px); |
| 11 | } | 15 | } |
| 16 | |||
| 17 | @media screen and (max-width: breakpoint(md)) { | ||
| 18 | .modal-body { | ||
| 19 | text-align: left; | ||
| 20 | } | ||
| 21 | } | ||