8000 Minor changes · jscriptcoder/DEX-Aggregator@1ddac51 · GitHub
[go: up one dir, main page]
Skip to content

Commit 1ddac51

Browse files
jscriptcoderjscriptcoder
committed
Minor changes
1 parent acf45d6 commit 1ddac51

File tree

2 files changed

+32
-25
lines changed

2 files changed

+32
-25
lines changed

‎src/components/Swap/TokenAmount.svelte

Lines changed: 27 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -96,7 +96,10 @@
9696
{#if isERC20}
9797
<AddToken value={token} />
9898
{/if}
99-
<span>{$t('token-amount.balance')}: {balance}</span>
99+
<span>
100+
<span class="hidden md:inline">{$t('token-amount.balance')}:</span>
101+
<span>{balance}</span>
102+
</span>
100103
</div>
101104
</div>
102105
{/if}
@@ -127,18 +130,20 @@
127130

128131
<style lang="postcss">
129132
.balance {
130-
@apply absolute
131-
text-sm
132-
top-[-1rem]
133-
right-0;
133+
@apply absolute
134+
right-0
135+
text-xs
136+
top-[-0.75rem]
137+
md:text-sm
138+
md:top-[-1rem];
134139
}
135140
136141
.TokenAmount {
137142
@apply relative
138-
flex
139-
items-center
140-
justify-between
141-
outline-none
143+
flex
144+
items-center
145+
justify-between
146+
outline-none
142147
rounded-lg
143148
w-full
144149
gap-2
@@ -155,9 +160,9 @@
155160
}
156161
157162
input {
158-
@apply bg-transparent
159-
outline-none
160-
flex-1
163+
@apply bg-transparent
164+
outline-none
165+
flex-1
161166
text-right
162167
w-full
163168
p-2
@@ -167,13 +172,15 @@
167172
}
168173
169174
[role='alert'] {
170-
@apply absolute
171-
flex
172-
text-sm
173-
items-center
174-
space-x-2
175-
text-red-400
176-
bottom-[-1rem]
177-
right-0;
175+
@apply absolute
176+
flex
177+
text-xs
178+
items-center
179+
space-x-2
180+
text-red-400
181+
bottom-[-0.75rem]
182+
right-0
183+
md:text-sm
184+
md:bottom-[-1rem];
178185
}
179186
</style>

‎src/components/Swap/TokenSelector.svelte

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -179,9 +179,9 @@
179179

180180
<style lang="postcss">
181181
.header {
182-
@apply flex
183-
items-center
184-
justify-between
182+
@apply flex
183+
items-center
184+
justify-between
185185
gap-2;
186186
}
187187
@@ -190,8 +190,8 @@
190190
}
191191
192192
input {
193-
@apply bg-transparent
194-
outline-none
193+
@apply bg-transparent
194+
outline-none
195195
font-medium
196196
w-full;
197197
}

0 commit comments

Comments
 (0)
0