CirclePanel.vue 1002 B

123456789101112131415161718192021222324252627282930313233
  1. <style scoped>
  2. .b-dropdown {
  3. padding:0 !important;
  4. }
  5. </style>
  6. <template>
  7. <div class="card mb-4">
  8. <div class="card-header py-1 bg-white d-flex align-items-center justify-content-between">
  9. <span class="font-weight-bold h5 mb-0">Circles</span>
  10. <b-dropdown variant="link" no-caret right>
  11. <template slot="button-content">
  12. <i class="fas fa-ellipsis-v text-muted"></i><span class="sr-only">Options</span>
  13. </template>
  14. <b-dropdown-item class="font-weight-bold">Create a circle</b-dropdown-item>
  15. <b-dropdown-divider></b-dropdown-divider>
  16. <b-dropdown-item class="font-weight-bold">Settings</b-dropdown-item>
  17. </b-dropdown>
  18. </div>
  19. <div class="card-body">
  20. <div class="text-center p-3">
  21. <p class="mb-0"><a class="btn btn-sm btn-outline-primary" style="border-radius: 20px;" href="/i/circle/create">Create new circle</a></p>
  22. </div>
  23. </div>
  24. </div>
  25. </template>
  26. <script>
  27. export default {
  28. }
  29. </script>