From 1287a0e9a7c8c2306ee8d2795ad21a2f5394bc70 Mon Sep 17 00:00:00 2001
From: Vagner <vagner_domingues@hotmail.com>
Date: Sat, 12 Oct 2024 12:55:55 -0300
Subject: [PATCH] Add dropdown transitions

---
 src/assets/transitions.css | 11 +++++++++++
 src/main.ts                |  1 +
 2 files changed, 12 insertions(+)
 create mode 100644 src/assets/transitions.css

diff --git a/src/assets/transitions.css b/src/assets/transitions.css
new file mode 100644
index 0000000..79c21ff
--- /dev/null
+++ b/src/assets/transitions.css
@@ -0,0 +1,11 @@
+
+.dropdown-enter-active,
+.dropdown-leave-active {
+  transition: all 0.3s ease;
+}
+
+.dropdown-enter-from,
+.dropdown-leave-to {
+  opacity: 0;
+  transform: translateY(-10px);
+}
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index 1fa42f8..54e2868 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,6 +4,7 @@ import router from "./router";
 import { createPinia } from "pinia";
 
 import "./assets/main.css";
+import "./assets/transitions.css";
 
 const app = createApp(App);