loomio/loomio

View on GitHub
vue/src/components/strand/load_more.vue

Summary

Maintainability
Test Coverage
<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>