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

14
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,13 +248,12 @@ 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 gap-2 px-4 rounded-md cursor-pointer" 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"
@click="networkChange(network)" @click="networkChange(network)"
> >
<img <img
@ -262,10 +261,12 @@ onClickOutside(infoMenuRef, () => {
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>
<div class="w-full flex justify-center"> <div class="w-full flex justify-center">
<hr class="w-4/5" /> <hr class="w-4/5" />
@ -273,7 +274,6 @@ onClickOutside(infoMenuRef, () => {
</div> </div>
</div> </div>
</div> </div>
</div>
<button <button
type="button" type="button"
v-if="!walletAddress" v-if="!walletAddress"