Banned.vue 713 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <div class="container">
  3. <i class="material-icons">not_interested</i>
  4. <h4>
  5. You are banned
  6. for
  7. <strong>{{ moment($parent.ban.expiresAt).fromNow(true) }}</strong>
  8. </h4>
  9. <h5 class="reason">
  10. <strong>Reason: </strong>
  11. {{ $parent.ban.reason }}
  12. </h5>
  13. </div>
  14. </template>
  15. <script>
  16. export default {
  17. data() {
  18. return {
  19. moment
  20. }
  21. }
  22. }
  23. </script>
  24. <style lang='scss' scoped>
  25. .container {
  26. display: flex;
  27. justify-content: center;
  28. align-items: center;
  29. flex-direction: column;
  30. height: 100vh;
  31. max-width: 1000px;
  32. padding: 0 20px;
  33. }
  34. .reason {
  35. text-align: justify;
  36. }
  37. i.material-icons {
  38. cursor: default;
  39. font-size: 65px;
  40. color: tomato;
  41. }
  42. </style>