diff options
Diffstat (limited to 'src/client/app/common/views/components/material/button.vue')
| -rw-r--r-- | src/client/app/common/views/components/material/button.vue | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/src/client/app/common/views/components/material/button.vue b/src/client/app/common/views/components/material/button.vue new file mode 100644 index 0000000000..0c768cf4cc --- /dev/null +++ b/src/client/app/common/views/components/material/button.vue @@ -0,0 +1,39 @@ +<template> +<div class="ui-button"> + <button> + <slot></slot> + </button> +</div> +</template> + +<script lang="ts"> +import Vue from 'vue'; +export default Vue.extend({ + props: { + type: { + type: String, + required: false + } + } +}); +</script> + +<style lang="stylus" scoped> +@import '~const.styl' + +.ui-button + > button + display block + width 100% + padding 0 + color $theme-color-foreground + font-weight bold + font-size 16px + line-height 44px + background $theme-color + border none + border-radius 6px + outline none + box-shadow none + +</style> |