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

Fix tokenSelector styles

Browse Source
This commit is contained in:
Vagner 2024-10-11 11:56:12 -03:00
parent 475b0fbf01
commit d796379119
2 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/SearchComponent.vue
View File

@ -163,7 +163,7 @@ watch(walletAddress, (): void => {
<div class="flex justify-between sm:w-full items-center"> <div class="flex justify-between sm:w-full items-center">
<input <input
type="number" type="number"
class="border-none outline-none text-lg text-gray-900 w-3/4" class="border-none outline-none text-lg text-gray-900"
v-bind:class="{ v-bind:class="{
'font-semibold': tokenValue != undefined, 'font-semibold': tokenValue != undefined,
'text-xl': tokenValue != undefined, 'text-xl': tokenValue != undefined,
@ -174,23 +174,23 @@ watch(walletAddress, (): void => {
/> />
<div class="relative"> <div class="relative">
<button <button
class="flex flex-row p-2 px-3 bg-gray-300 rounded-3xl min-w-fit gap-1"
ref="tokenDropdownRef" ref="tokenDropdownRef"
class="flex flex-row items-center p-2 bg-gray-300 rounded-3xl min-w-fit gap-2"
@click="openTokenSelection()" @click="openTokenSelection()"
> >
<img
class="text-gray-900"
alt="Chevron Down"
src="@/assets/chevronDownBlack.svg"
/>
<img <img
alt="Token image" alt="Token image"
class="sm:w-fit w-4" class="sm:w-fit w-4"
:src="getTokenImage(selectedToken)" :src="getTokenImage(selectedToken)"
/> />
<span class="text-gray-900 sm:text-lg text-md w-fit" id="token">{{ <span class="text-gray-900 sm:text-lg text-md font-medium" id="token">{{
selectedToken selectedToken
}}</span> }}</span>
<img
class="text-gray-900"
alt="Chevron Down"
src="@/assets/chevronDownBlack.svg"
/>
</button> </button>
<div <div
v-if="selectTokenToggle" v-if="selectTokenToggle"

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

@ -117,7 +117,7 @@ const handleButtonClick = async (
<div class="relative"> <div class="relative">
<button <button
ref="tokenDropdownRef" ref="tokenDropdownRef"
class="flex flex-row p-2 px-3 bg-gray-300 rounded-3xl min-w-fit gap-1" class="flex flex-row items-center p-2 bg-gray-300 rounded-3xl min-w-fit gap-2"
@click="openTokenSelection()" @click="openTokenSelection()"
> >
<img <img
@ -125,9 +125,14 @@ const handleButtonClick = async (
class="sm:w-fit w-4" class="sm:w-fit w-4"
:src="getTokenImage(selectedToken)" :src="getTokenImage(selectedToken)"
/> />
<span class="text-gray-900 sm:text-lg text-md w-fit" id="token">{{ <span class="text-gray-900 sm:text-lg text-md font-medium" id="token">{{
selectedToken selectedToken
}}</span> }}</span>
<img
class="text-gray-900 pr-4 sm:pr-0"
alt="Chevron Down"
src="@/assets/chevronDownBlack.svg"
/>
</button> </button>
<div <div
v-if="selectTokenToggle" v-if="selectTokenToggle"