Kieran/snort
5
14
Fork 14
Code Issues 37 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

primary button color
Some checks are pending
continuous-integration/drone/push Build is running
Details

Browse Source
This commit is contained in:
Martti Malmi 2024-01-09 10:53:36 +02:00
parent 98e671ee45
commit 4b5c87acdf
2 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app/src/Pages/wallet/index.tsx
View File

@ -241,7 +241,7 @@ export default function WalletPage(props: { showHistory: boolean }) {
</AsyncButton> </AsyncButton>
)} )}
{wallet?.canPayInvoice() && ( {wallet?.canPayInvoice() && (
<AsyncButton onClick={() => navigate("/wallet/send")}> <AsyncButton onClick={() => navigate("/wallet/send")} className="primary">
<FormattedMessage defaultMessage="Send" id="9WRlF4" /> <FormattedMessage defaultMessage="Send" id="9WRlF4" />
<Icon name="arrow-up-right" /> <Icon name="arrow-up-right" />
</AsyncButton> </AsyncButton>

15
packages/app/src/index.css
View File

@ -51,7 +51,7 @@
--expired-invoice-gradient: linear-gradient(45deg, var(--gray-superdark) 50%, var(--gray), var(--gray-superdark)); --expired-invoice-gradient: linear-gradient(45deg, var(--gray-superdark) 50%, var(--gray), var(--gray-superdark));
--sub-bg: #111; --sub-bg: #111;
--btn-color: #fff; --btn-color: #fff;
--primary-gradient: linear-gradient(90deg, #ef9644 0%, #7b41f6 100%); --primary-bg: #ff3f15;
--cashu-gradient: linear-gradient(90deg, #40b039, #adff2a); --cashu-gradient: linear-gradient(90deg, #40b039, #adff2a);
--pro: #ffdd65; --pro: #ffdd65;
} }
@ -143,11 +143,11 @@ a.ext {
} }
.bg-primary { .bg-primary {
background: var(--primary-gradient); background: var(--primary-bg);
} }
.primary { .primary {
color: var(--primary-gradient); color: var(--primary-bg);
} }
.text-pro { .text-pro {
@ -162,7 +162,7 @@ a.ext {
} }
.text-primary { .text-primary {
background: var(--primary-gradient); background: var(--primary-bg);
background-clip: text; background-clip: text;
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
@ -252,6 +252,7 @@ button,
[type="reset"], [type="reset"],
[type="submit"] { [type="submit"] {
@apply button; @apply button;
user-select: none;
} }
.btn, .btn,
@ -262,14 +263,14 @@ select {
button.primary { button.primary {
background: rgb(239, 150, 68); background: rgb(239, 150, 68);
background: var(--primary-gradient); background: var(--primary-bg);
color: #fff !important; color: #fff !important;
border: none !important; border: none !important;
} }
button.primary:hover { button.primary:hover {
box-shadow: 0px 1px 4px rgba(128, 29, 255, 1) !important; box-shadow: 0px 0px 10px #FF3F15 !important;
background: var(--primary-gradient) !important; background: var(--primary-bg) !important;
} }
button:disabled { button:disabled {