pinafore/routes/_components/Label.html
2018-08-23 18:41:43 -07:00

27 lines
511 B
HTML

<div class="generic-label {className || ''}">
<span class="generic-label-span">
{label}
</span>
</div>
<style>
.generic-label {
display: flex;
align-items: center;
justify-content: center;
}
.generic-label-span {
text-transform: uppercase;
padding: 3px 7px 2px;
background: var(--nav-bg);
color: var(--nav-text-color);
font-size: 0.8em;
border-radius: 4px;
}
</style>
<script>
export default {
data: () => ({
className: void 0
})
}
</script>