diff options
author | greta <gretadoci@gmail.com> | 2022-05-25 13:57:05 +0300 |
---|---|---|
committer | greta <gretadoci@gmail.com> | 2022-05-25 15:47:12 +0300 |
commit | e1f8ea3f25c333e7916e4356b1d6deb2508d5d4a (patch) | |
tree | 2437e1f7202540281d32bf4cf264ced678bef934 /src | |
parent | fe00d8ba4f14554774df6bcecfeb64da09b526b5 (diff) |
Fix modal width
Signed-off-by: greta <gretadoci@gmail.com>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/TagModal.vue | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/src/components/TagModal.vue b/src/components/TagModal.vue index 172cf60ba..6106f7cd1 100644 --- a/src/components/TagModal.vue +++ b/src/components/TagModal.vue @@ -236,13 +236,13 @@ export default { <style lang="scss" scoped> ::v-deep .modal-content { - padding-left: 20px; - padding-right: 20px; - // modal jumps on the right when text is changed to 'remove' - width: 250px; + padding: 0 20px 20px 20px; max-height: calc(100vh - 210px); overflow-y: auto; } +::v-deep .modal-container { + width: auto !important; +} .tag-title { margin-top: 20px; margin-left: 10px; @@ -313,4 +313,10 @@ export default { .create-tag { list-style: none; } +@media only screen and (max-width: 512px) { + ::v-deep .modal-container { + top: 100px !important; + max-height: calc(100vh - 170px) !important + } +} </style> |