diff options
author | dartcafe <github@dartcafe.de> | 2020-05-08 11:34:30 +0300 |
---|---|---|
committer | dartcafe <github@dartcafe.de> | 2020-05-08 11:34:30 +0300 |
commit | 4b24aea4e7acb43f55ded585a06f5838b1f5d396 (patch) | |
tree | 00244f22a878008bba7faa08827eea963991147d /src/js/components/Comments/Comments.vue | |
parent | 3ec50ad0e00f46ec561278c4d0a4f5da07ffac6a (diff) |
ConfigBox component
Diffstat (limited to 'src/js/components/Comments/Comments.vue')
-rw-r--r-- | src/js/components/Comments/Comments.vue | 42 |
1 files changed, 18 insertions, 24 deletions
diff --git a/src/js/components/Comments/Comments.vue b/src/js/components/Comments/Comments.vue index 0f341aaf..31bc49fa 100644 --- a/src/js/components/Comments/Comments.vue +++ b/src/js/components/Comments/Comments.vue @@ -22,7 +22,6 @@ <template> <div class="comments"> - <h2>{{ t('polls','Comments') }} </h2> <CommentAdd v-if="acl.allowComment" /> <transition-group v-if="countComments" name="fade" class="comments" tag="ul"> @@ -111,32 +110,27 @@ export default { </script> <style scoped lang="scss"> -.comments { - margin: 8px 0; - padding-right: 12px; -} - -#emptycontent, .emptycontent { - margin-top: 0; -} + .emptycontent { + margin-top: 20vh; + } -ul { - & > li { - margin-bottom: 30px; - & > .comment-item { - display: flex; - align-items: center; + ul { + & > li { + margin-bottom: 30px; + & > .comment-item { + display: flex; + align-items: center; - & > .date { - right: 0; - top: 5px; - opacity: 0.5; + & > .date { + right: 0; + top: 5px; + opacity: 0.5; + } + } + & > .message { + margin-left: 53px; + flex: 1 1; } - } - & > .message { - margin-left: 53px; - flex: 1 1; } } -} </style> |