From 0ff501d4aa28b64a11a3d9a6101e3f997a9e9795 Mon Sep 17 00:00:00 2001
From: Cristiano Magro <cristiano.magro@vola.it>
Date: Tue, 07 Jan 2025 18:29:08 +0100
Subject: [PATCH] teleport per spostare il dialog in una posizione consona nel DOM
---
10 - course project/xno-prj-cmp-01-starting-setup/src/components/UI/BaseButton.vue | 39 +++++++++++++++++++++++++++++++++++++++
1 files changed, 39 insertions(+), 0 deletions(-)
diff --git a/10 - course project/xno-prj-cmp-01-starting-setup/src/components/UI/BaseButton.vue b/10 - course project/xno-prj-cmp-01-starting-setup/src/components/UI/BaseButton.vue
new file mode 100644
index 0000000..1f22ecd
--- /dev/null
+++ b/10 - course project/xno-prj-cmp-01-starting-setup/src/components/UI/BaseButton.vue
@@ -0,0 +1,39 @@
+<template>
+ <button :type="type" :class="mode">
+ <slot></slot>
+ </button>
+</template>
+
+<script>
+export default {
+ props: ['type', 'mode'],
+};
+</script>
+
+<style scoped>
+button {
+ padding: 0.75rem 1.5rem;
+ font-family: inherit;
+ background-color: #3a0061;
+ border: 1px solid #3a0061;
+ color: white;
+ cursor: pointer;
+}
+
+button:hover,
+button:active {
+ background-color: #270041;
+ border-color: #270041;
+}
+
+.flat {
+ background-color: transparent;
+ color: #3a0061;
+ border: none;
+}
+
+.flat:hover,
+.flat:active {
+ background-color: #edd2ff;
+}
+</style>
--
Gitblit v1.8.0