logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://hacktivis.me/git/pleroma-fe.git

domain_mute_card.vue (1057B)

    

  1. <template>
  2.   <div class="domain-mute-card">
  3.     <div class="domain-mute-card-domain">
  4.       {{ domain }}
  5.     </div>
  6.     <ProgressButton
  7.       v-if="muted"
  8.       :click="unmuteDomain"
  9.       class="btn button-default"
  10.     >
  11.       {{ $t('domain_mute_card.unmute') }}
  12.       <template #progress>
  13.         {{ $t('domain_mute_card.unmute_progress') }}
  14.       </template>
  15.     </ProgressButton>
  16.     <ProgressButton
  17.       v-else
  18.       :click="muteDomain"
  19.       class="btn button-default"
  20.     >
  21.       {{ $t('domain_mute_card.mute') }}
  22.       <template #progress>
  23.         {{ $t('domain_mute_card.mute_progress') }}
  24.       </template>
  25.     </ProgressButton>
  26.   </div>
  27. </template>
  29. <script src="./domain_mute_card.js"></script>
  31. <style lang="scss">
  32. .domain-mute-card {
  33.   flex: 1 0;
  34.   display: flex;
  35.   justify-content: space-between;
  36.   align-items: center;
  37.   padding: 0.6em 1em 0.6em 0;
  39.   &-domain {
  40.     margin-right: 1em;
  41.     overflow: hidden;
  42.     text-overflow: ellipsis;
  43.   }
  45.   button {
  46.     width: 10em;
  47.   }
  49.   .autosuggest-results & {
  50.     padding-left: 1em;
  51.   }
  52. }
  53. </style>