Chatwoot/app/javascript/shared/components/ui/dropdown/DropdownHeader.vue
Pranav Raj S aaacf9d4d2
feat: Allow users to disable marking offline automatically (#6079)
Co-authored-by: Nithin David <1277421+nithindavid@users.noreply.github.com>
2022-12-16 11:59:27 -08:00

35 lines
742 B
Vue

<template>
<li class="dropdown-menu--header" :tabindex="null" :aria-disabled="true">
<span class="title">{{ title }}</span>
<slot />
</li>
</template>
<script>
export default {
componentName: 'WootDropdownMenu',
props: {
title: {
type: String,
default: '',
},
},
};
</script>
<style lang="scss" scoped>
.dropdown-menu--header {
list-style: none;
.title {
width: 100%;
display: block;
text-align: left;
white-space: nowrap;
padding: var(--space-small) var(--space-small);
margin-top: var(--space-smaller);
font-size: var(--font-size-mini);
color: var(--s-600);
font-weight: var(--font-weight-medium);
border-radius: var(--border-radius-normal);
}
}
</style>