pixelfed/resources/assets/js/components/CirclePanel.vue

33 lines
1,002 B
Vue
Raw Permalink Normal View History

<style scoped>
.b-dropdown {
padding:0 !important;
}
</style>
<template>
<div class="card mb-4">
<div class="card-header py-1 bg-white d-flex align-items-center justify-content-between">
<span class="font-weight-bold h5 mb-0">Circles</span>
<b-dropdown variant="link" no-caret right>
<template slot="button-content">
<i class="fas fa-ellipsis-v text-muted"></i><span class="sr-only">Options</span>
</template>
<b-dropdown-item class="font-weight-bold">Create a circle</b-dropdown-item>
<b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item class="font-weight-bold">Settings</b-dropdown-item>
</b-dropdown>
</div>
<div class="card-body">
<div class="text-center p-3">
<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>
</div>
</div>
</div>
</template>
<script>
export default {
}
</script>