Skip to content

Commit

Permalink
Merge pull request #397 from pendulum-chain/379-make-compare-button-t…
Browse files Browse the repository at this point in the history
…ransparent-when-active

[READY] add btn-vortex-primary-inverse for Compare Fees btn
  • Loading branch information
ebma authored Jan 27, 2025
2 parents 93faddf + 5a020b6 commit 96a9292
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 2 deletions.
29 changes: 28 additions & 1 deletion App.css
Original file line number Diff line number Diff line change
Expand Up @@ -96,7 +96,6 @@ div[data-rk] {
@apply h-3 !important;
top: 1.4rem !important;
}

.btn-vortex-primary {
@apply bg-blue-700;
@apply text-white;
Expand Down Expand Up @@ -125,6 +124,34 @@ div[data-rk] {
@apply border-blue-700;
}

.btn-vortex-primary-inverse {
@apply bg-white;
@apply text-blue-700;
@apply rounded-xl;
@apply border;
@apply border-blue-700;
}

.btn-vortex-primary-inverse:hover {
@apply bg-blue-700;
@apply text-white;
@apply border-blue-700;
}

.btn-vortex-primary-inverse:disabled {
@apply bg-white;
@apply text-blue-700;
@apply border-blue-700;
@apply opacity-40;
}

.btn-vortex-primary-inverse:active,
.btn-vortex-primary-inverse:focus {
@apply bg-blue-200;
@apply text-blue-700;
@apply border-blue-700;
}

.btn-vortex-secondary {
@apply text-white;
@apply bg-pink-600;
Expand Down
2 changes: 1 addition & 1 deletion src/pages/swap/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -420,7 +420,7 @@ export const SwapPage = () => {
</section>
<div className="flex gap-3 mt-5">
<button
className="btn-vortex-secondary btn"
className="btn-vortex-primary-inverse btn"
style={{ flex: '1 1 calc(50% - 0.75rem/2)' }}
disabled={!inputAmountIsStable}
onClick={(e) => {
Expand Down

0 comments on commit 96a9292

Please sign in to comment.