diff options
| author | Shpuld Shpuldson <shpuld@shpposter.club> | 2020-01-26 15:59:59 +0200 |
|---|---|---|
| committer | Shpuld Shpuldson <shpuld@shpposter.club> | 2020-01-26 15:59:59 +0200 |
| commit | c4beac5f894642e64f2818e43697b472b7a70847 (patch) | |
| tree | b5e64b7f4f19b8b15549b0b29e876e8eea724c16 /src/components/domain_mute_card/domain_mute_card.vue | |
| parent | 7cfe1b05e8d16fcbb6eab3b42f19e464d57ea35b (diff) | |
| parent | b0b0fc403a57dca6837bc99a87c66609156af2b9 (diff) | |
Merge branch 'develop' into feat/emoji-reactions
Diffstat (limited to 'src/components/domain_mute_card/domain_mute_card.vue')
| -rw-r--r-- | src/components/domain_mute_card/domain_mute_card.vue | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/src/components/domain_mute_card/domain_mute_card.vue b/src/components/domain_mute_card/domain_mute_card.vue new file mode 100644 index 00000000..567d81c5 --- /dev/null +++ b/src/components/domain_mute_card/domain_mute_card.vue @@ -0,0 +1,38 @@ +<template> + <div class="domain-mute-card"> + <div class="domain-mute-card-domain"> + {{ domain }} + </div> + <ProgressButton + :click="unmuteDomain" + class="btn btn-default" + > + {{ $t('domain_mute_card.unmute') }} + <template slot="progress"> + {{ $t('domain_mute_card.unmute_progress') }} + </template> + </ProgressButton> + </div> +</template> + +<script src="./domain_mute_card.js"></script> + +<style lang="scss"> +.domain-mute-card { + flex: 1 0; + display: flex; + justify-content: space-between; + align-items: center; + padding: 0.6em 1em 0.6em 0; + + &-domain { + margin-right: 1em; + overflow: hidden; + text-overflow: ellipsis; + } + + button { + width: 10em; + } +} +</style> |