diff options
author | Chocobozzz <me@florianbigard.com> | 2021-06-15 11:57:15 +0200 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2021-06-15 14:15:10 +0200 |
commit | 5c16e6bc9776ce706bafb198c1c14936674794d5 (patch) | |
tree | f0ff2273f4a7ad1fc7fc92c9f9e360ef86eec204 /client/src/app/+about/about-instance/contact-admin-modal.component.scss | |
parent | 089cfa65697b60e6ff109f9bf517458908b7c855 (diff) | |
download | PeerTube-5c16e6bc9776ce706bafb198c1c14936674794d5.tar.gz PeerTube-5c16e6bc9776ce706bafb198c1c14936674794d5.tar.zst PeerTube-5c16e6bc9776ce706bafb198c1c14936674794d5.zip |
Cleanup contact form with URL
Parent component still have the responsability to explicitely open the
modal
Rely on data router param to open or not the modal
Diffstat (limited to 'client/src/app/+about/about-instance/contact-admin-modal.component.scss')
-rw-r--r-- | client/src/app/+about/about-instance/contact-admin-modal.component.scss | 15 |
1 files changed, 5 insertions, 10 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 cd3cf85dd..cc75e8279 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 | |||
@@ -1,21 +1,16 @@ | |||
1 | @import 'variables'; | 1 | @import 'variables'; |
2 | @import 'mixins'; | 2 | @import 'mixins'; |
3 | 3 | ||
4 | .modal-body { | ||
5 | text-align: left; | ||
6 | } | ||
7 | |||
4 | input[type=text] { | 8 | input[type=text] { |
5 | @include peertube-input-text(340px); | 9 | @include peertube-input-text(340px); |
6 | display: block; | ||
7 | 10 | ||
8 | @media screen and (max-width: #{map-get($container-max-widths, sm)}) { | 11 | display: block; |
9 | width: 100%; | ||
10 | } | ||
11 | } | 12 | } |
12 | 13 | ||
13 | textarea { | 14 | textarea { |
14 | @include peertube-textarea(100%, 200px); | 15 | @include peertube-textarea(100%, 200px); |
15 | } | 16 | } |
16 | |||
17 | @media screen and (max-width: breakpoint(md)) { | ||
18 | .modal-body { | ||
19 | text-align: left; | ||
20 | } | ||
21 | } | ||