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

Fix currency dropdown text and icon alignment

Browse Source
This commit is contained in:
Vagner 2024-10-11 19:09:51 -03:00
parent 3cf9cd0cac
commit 61032e3d92
1 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -210,7 +210,7 @@ onClickOutside(infoMenuRef, () => {
</div> </div>
</RouterLink> </RouterLink>
<div class="flex flex-col" v-if="walletAddress"> <div class="flex flex-col relative" v-if="walletAddress">
<div <div
ref="currencyRef" ref="currencyRef"
class="top-bar-info cursor-pointer h-10 group hover:bg-gray-50 transition-all duration-500 ease-in-out" class="top-bar-info cursor-pointer h-10 group hover:bg-gray-50 transition-all duration-500 ease-in-out"
@ -248,28 +248,28 @@ onClickOutside(infoMenuRef, () => {
</div> </div>
<div <div
v-show="currencyMenuOpenToggle" v-show="currencyMenuOpenToggle"
class="mt-10 pl-3 absolute w-full text-gray-900 lg-view" class="mt-10 absolute text-gray-900 lg-view min-w-max left-0"
> >
<div class="mt-2"> <div class="mt-2 bg-white rounded-md shadow-lg ">
<div class="bg-white rounded-md z-10"> <div
<div v-for="(chainData, network) in Networks"
v-for="(chainData, network) in Networks" class="menu-button p-4 gap-2 cursor-pointer hover:bg-gray-200 flex items-center !justify-start whitespace-nowrap transition-colors duration-150 ease-in-out"
class="menu-button gap-2 px-4 rounded-md cursor-pointer" @click="networkChange(network)"
@click="networkChange(network)" >
> <img
<img :alt="chainData.chainName + ' image'"
:alt="chainData.chainName + ' image'" width="20"
width="20" height="20"
height="20" :src="getNetworkImage(NetworkEnum[network])"
:src="getNetworkImage(NetworkEnum[network])" class="mr-2 ml-1"
/> />
<span class="text-gray-900 py-4 text-end font-semibold text-sm"> <span class="text-gray-900 font-semibold text-sm">
{{ chainData.chainName }} {{ chainData.chainName }}
</span> </span>
</div>
<div class="w-full flex justify-center"> </div>
<hr class="w-4/5" /> <div class="w-full flex justify-center">
</div> <hr class="w-4/5" />
</div> </div>
</div> </div>
</div> </div>