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

18
src/components/SearchComponent.vue
View File

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

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

@ -117,7 +117,7 @@ const handleButtonClick = async (
<div class="relative">
<button
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()"
>
<img
@ -125,9 +125,14 @@ const handleButtonClick = async (
class="sm:w-fit w-4"
: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
}}</span>
<img
class="text-gray-900 pr-4 sm:pr-0"
alt="Chevron Down"
src="@/assets/chevronDownBlack.svg"
/>
</button>
<div
v-if="selectTokenToggle"