hueso/P2Pix-Front-End
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Apply transitions to all dropdowns

Browse Source
This commit is contained in:
Vagner 2024-10-12 13:09:34 -03:00
parent 1287a0e9a7
commit 149f0e4767
3 changed files with 168 additions and 158 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/SearchComponent.vue
View File

@ -193,6 +193,7 @@ watch(walletAddress, (): void => {
src="@/assets/chevronDownBlack.svg" src="@/assets/chevronDownBlack.svg"
/> />
</button> </button>
<transition name="dropdown">
<div <div
v-if="selectTokenToggle" v-if="selectTokenToggle"
class="mt-2 w-[100px] text-gray-900 absolute" class="mt-2 w-[100px] text-gray-900 absolute"
@ -220,6 +221,7 @@ watch(walletAddress, (): void => {
</div> </div>
</div> </div>
</div> </div>
</transition>
</div> </div>
</div> </div>
<div class="custom-divide py-2 mb-2"></div> <div class="custom-divide py-2 mb-2"></div>

2
src/components/SellerSteps/WantSellComponent.vue
View File

@ -135,6 +135,7 @@ const handleButtonClick = async (
src="@/assets/chevronDownBlack.svg" src="@/assets/chevronDownBlack.svg"
/> />
</button> </button>
<transition name="dropdown">
<div <div
v-if="selectTokenToggle" v-if="selectTokenToggle"
class="mt-2 w-[100px] text-gray-900 absolute" class="mt-2 w-[100px] text-gray-900 absolute"
@ -162,6 +163,7 @@ const handleButtonClick = async (
</div> </div>
</div> </div>
</div> </div>
</transition>
</div> </div>
</div> </div>

6
src/components/TopBar/TopBar.vue
View File

@ -111,6 +111,7 @@ onClickOutside(infoMenuRef, () => {
Menu Menu
</h1> </h1>
</button> </button>
<transition name="dropdown">
<div <div
v-show="infoMenuOpenToggle" v-show="infoMenuOpenToggle"
class="mt-10 absolute w-full text-gray-900 lg-view" class="mt-10 absolute w-full text-gray-900 lg-view"
@ -184,6 +185,7 @@ onClickOutside(infoMenuRef, () => {
</div> </div>
</div> </div>
</div> </div>
</transition>
</div> </div>
<RouterLink <RouterLink
:to="'/faq'" :to="'/faq'"
@ -246,6 +248,7 @@ onClickOutside(infoMenuRef, () => {
</svg> </svg>
</div> </div>
</div> </div>
<transition name="dropdown">
<div <div
v-show="currencyMenuOpenToggle" v-show="currencyMenuOpenToggle"
class="mt-10 absolute text-gray-900 lg-view min-w-max left-0" class="mt-10 absolute text-gray-900 lg-view min-w-max left-0"
@ -273,6 +276,7 @@ onClickOutside(infoMenuRef, () => {
</div> </div>
</div> </div>
</div> </div>
</transition>
</div> </div>
<button <button
type="button" type="button"
@ -322,6 +326,7 @@ onClickOutside(infoMenuRef, () => {
</svg> </svg>
</div> </div>
</div> </div>
<transition name="dropdown">
<div <div
v-show="menuOpenToggle" v-show="menuOpenToggle"
class="mt-10 absolute w-full text-gray-900 lg-view" class="mt-10 absolute w-full text-gray-900 lg-view"
@ -344,6 +349,7 @@ onClickOutside(infoMenuRef, () => {
</div> </div>
</div> </div>
</div> </div>
</transition>
</div> </div>
</div> </div>
</div> </div>