From 65c1dc0f0627acdf61a732caa6259bcedc040e01 Mon Sep 17 00:00:00 2001
From: Vagner <vagner_domingues@hotmail.com>
Date: Fri, 11 Oct 2024 12:00:44 -0300
Subject: [PATCH] Improve dropdown popup content styles

---
 src/components/SearchComponent.vue               | 6 +++---
 src/components/SellerSteps/WantSellComponent.vue | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/SearchComponent.vue b/src/components/SearchComponent.vue
index ab42362..43abcd2 100644
--- a/src/components/SearchComponent.vue
+++ b/src/components/SearchComponent.vue
@@ -195,12 +195,12 @@ watch(walletAddress, (): void => {
             </button>
             <div
               v-if="selectTokenToggle"
-              class="mt-2 w-[100px] text-gray-900 lg-view absolute"
+              class="mt-2 w-[100px] text-gray-900 absolute"
             >
-              <div class="bg-white rounded-md z-10">
+              <div class="bg-white rounded-xl z-10 border border-gray-300 drop-shadow-md shadow-md overflow-clip">
                 <div
                   v-for="token in TokenEnum"
-                  class="flex menu-button gap-2 px-4 rounded-md cursor-pointer hover:bg-gray-300"
+                  class="flex menu-button gap-2 px-4 cursor-pointer hover:bg-gray-300 transition-colors"
                   @click="handleSelectedToken(token)"
                 >
                   <img
diff --git a/src/components/SellerSteps/WantSellComponent.vue b/src/components/SellerSteps/WantSellComponent.vue
index 6e3243f..deff145 100644
--- a/src/components/SellerSteps/WantSellComponent.vue
+++ b/src/components/SellerSteps/WantSellComponent.vue
@@ -137,12 +137,12 @@ const handleButtonClick = async (
             </button>
             <div
               v-if="selectTokenToggle"
-              class="mt-2 w-[100px] text-gray-900 lg-view absolute"
+              class="mt-2 w-[100px] text-gray-900 absolute"
             >
-              <div class="bg-white rounded-md z-10">
+              <div class="bg-white rounded-xl z-10 border border-gray-300 drop-shadow-md shadow-md overflow-clip">
                 <div
                   v-for="token in TokenEnum"
-                  class="flex menu-button gap-2 px-4 rounded-md cursor-pointer hover:bg-gray-300"
+                  class="flex menu-button gap-2 px-4 cursor-pointer hover:bg-gray-300 transition-colors"
                   @click="handleSelectedToken(token)"
                 >
                   <img