about summary refs log tree commit diff
path: root/components/Buttons/PlainButton.vue
blob: 6e0cde2b4d1f4c5d9d1be625861e9f35c16f8957 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<template>
  <button class="button" @click="$emit('click')">{{text}}</button>
</template>

<script>
export default {
  name: 'PlainButton',
  props: {
    text: {
      type: String,
      required: true
    }
  }
}
</script>

<style scoped>
.button {
  background-color: #507b34;
  padding: 10px;
  max-width: 150px;
  border: none;

  cursor: pointer;

  color: #ffffff;
  text-align: center;
  font: 16px 'Roboto Slab';
}
</style>