diff options
| author | Arne Schauf <git@asw.io> | 2018-03-15 21:15:40 +0100 |
|---|---|---|
| committer | Arne Schauf <git@asw.io> | 2018-03-15 21:15:40 +0100 |
| commit | a8ac8353e8fa45570fca6a0c4417db11d5379c97 (patch) | |
| tree | 1e6754ba15e665ebb4b8b2fffef4b6b6111fcc5a /src/components | |
| parent | 3185d7917c8cd438bb48a39a20f6013b82afe71c (diff) | |
| download | parry-ui-a8ac8353e8fa45570fca6a0c4417db11d5379c97.tar.gz parry-ui-a8ac8353e8fa45570fca6a0c4417db11d5379c97.zip | |
improve upload detail page
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/CommentVoter.vue | 4 | ||||
| -rw-r--r-- | src/components/UploadVoter.vue | 29 |
2 files changed, 19 insertions, 14 deletions
diff --git a/src/components/CommentVoter.vue b/src/components/CommentVoter.vue index 9ab9e72..4747571 100644 --- a/src/components/CommentVoter.vue +++ b/src/components/CommentVoter.vue @@ -8,8 +8,8 @@ {{ comment.voting.sum }} </span> <span v-if="!myVote"> - <q-btn color="negative" round size="sm" flat icon="fa-thumbs-down" @click="vote(-1)"></q-btn> - <q-btn color="positive" round size="sm" flat icon="fa-thumbs-up" @click="vote(1)"></q-btn> + <q-btn color="negative" round size="sm" outline icon="fa-thumbs-down" @click="vote(-1)"></q-btn> + <q-btn color="positive" round size="sm" outline icon="fa-thumbs-up" @click="vote(1)"></q-btn> </span> <span v-if="myVote">You voted <i :class="`fas fa-thumbs-${myVote.impact === 1 ? 'up text-positive' : 'down text-negative'}`"></i></span> </div> diff --git a/src/components/UploadVoter.vue b/src/components/UploadVoter.vue index 031cd82..e5d18ae 100644 --- a/src/components/UploadVoter.vue +++ b/src/components/UploadVoter.vue @@ -1,17 +1,22 @@ <template> <div> - <div class="flex row items-center group" v-if="$store.getters['user/loggedIn']"> - <h5 style="margin: 0 1rem"> - <i class="fa" - :class="{'fa-caret-up text-positive': upload.voting.sum > 0, 'fa-caret-down text-negative': upload.voting.sum < 0, 'fa-sort text-dark': upload.voting.sum === 0}"> - </i> - {{ upload.voting.sum }} - </h5> - <span v-if="!myVote"> - <q-btn color="negative" round small icon="fa-thumbs-down" @click="vote(-1)"></q-btn> - <q-btn color="positive" round small icon="fa-thumbs-up" @click="vote(1)"></q-btn> - </span> - <span v-if="myVote">You voted <i :class="`fas fa-thumbs-${myVote.impact === 1 ? 'up text-positive' : 'down text-negative'}`"></i></span> + <div v-if="$store.getters['user/loggedIn']"> + <p style="margin: 0 1rem"> + <big> + <i class="fa" + :class="{'fa-caret-up text-positive': upload.voting.sum > 0, 'fa-caret-down text-negative': upload.voting.sum < 0, 'fa-sort text-dark': upload.voting.sum === 0}"> + </i> + {{ upload.voting.sum }} + </big> + <small v-if="myVote"> + You voted <i :class="`fas fa-thumbs-${myVote.impact === 1 ? 'up text-positive' : 'down text-negative'}`"></i> + </small> + </p> + <div class="generic-margin"> + Change your vote: + <q-btn v-if="!myVote || myVote.impact === 1" color="negative" round outline size="sm" icon="fa-thumbs-down" @click="vote(-1)"></q-btn> + <q-btn v-if="!myVote || myVote.impact === -1" color="positive" round outline size="sm" icon="fa-thumbs-up" @click="vote(1)"></q-btn> + </div> </div> <div class="group" v-else> <i class="fa" |