feat: refactor buttons

assets/scss/styles.scss

@@ -63,7 +63,7 @@ body {
 .page-leave-active,
 .layout-enter-active,
 .layout-leave-active {
-  @apply transition;
+  @apply transition-opacity;
 }
 
 .page-enter,

components/app/Login.vue

@@ -0,0 +1,26 @@
+<template>
+  <SmartModal v-if="show" @close="hideModal">
+    <template #header>
+      <h3 class="heading">{{ $t("login") }}</h3>
+      <div>
+        <ButtonSecondary icon="close" @click.native="hideModal" />
+      </div>
+    </template>
+    <template #body>
+      <FirebaseLogin />
+    </template>
+  </SmartModal>
+</template>
+
+<script>
+export default {
+  props: {
+    show: Boolean,
+  },
+  methods: {
+    hideModal() {
+      this.$emit("hide-modal")
+    },
+  },
+}
+</script>