Сделала кнопки и текст в CalendarHeader

2022-10-12 14:32:07 +03:00
parent f83c262e4c
commit 1fb0498c81
4 changed files with 79 additions and 8 deletions
--- a/src/components/base/buttons/BaseArrowButton.vue
+++ b/src/components/base/buttons/BaseArrowButton.vue
@@ -0,0 +1,24 @@
+<template lang="pug">
+  button.arrow-button.flex.items-center.icon-down-arrow.px-2.pt-px
+</template>
+
+<script>
+export default {
+  name: "ArrowButton",
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style lang="sass">
+.arrow-button
+  width: 32px
+  height: 32px
+  background: var(--btn-light-blue-color)
+  color: var(--btn-blue-color)
+  border-radius: 50%
+  font-size: 16px
+  &:hover
+    background: #a0b4f0
+</style>