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 /client | |
parent | 47162a9c96568f797f2eb0aa35c47ed68fa65acb (diff) | |
download | PeerTube-089cfa65697b60e6ff109f9bf517458908b7c855.tar.gz PeerTube-089cfa65697b60e6ff109f9bf517458908b7c855.tar.zst PeerTube-089cfa65697b60e6ff109f9bf517458908b7c855.zip |
Fix input size of contact form on mobile view
Diffstat (limited to 'client')
-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 | } | ||