vue/src/components/strand/load_more.vue
<script lang="js">
export default {
props: {
label: Object,
loading: Boolean
}
};
</script>
<template lang="pug">
.strand-item__load-more
v-btn.action-button(block text outlined @click="$emit('click')" :loading="loading")
span(v-t="label")
</template>
<style lang="sass">
.strand-item__load-more
// display: flex
// align-items: center
// min-height: 36px
width: 100%
// justify-content: be
padding: 8px 0
// background: linear-gradient(180deg, rgba(0,0,0,0) calc(50% - 1px), rgba(192,192,192,1) calc(50%), rgba(0,0,0,0) calc(50% + 1px) )
</style>