Closed KayBeSee closed 1 year ago
This PR will allow us to write all new code using Tailwind moving forward while preserving the old bootstrap styles and functionality. Over time, we can migrate those components over to Tailwind as well.
Here's a diff without the formatting noise:
+
Balance @@ -11,7 +11,7 @@ - + - ~ {{ (this.btcBalance + this.lightningBalance) | satsToUSD }} diff --git a/src/components/BitcoinWallet.vue b/src/components/BitcoinWallet.vue index 87d204a..c8bde6c 100644 --- a/src/components/BitcoinWallet.vue +++ b/src/components/BitcoinWallet.vue @@ -45,7 +45,7 @@ - No transactions @@ -84,14 +84,14 @@ @@ -113,7 +113,7 @@ - + @@ -207,7 +207,7 @@ - {{ tx.amount | unit | localize }} - {{ unit | formatUnit }} + {{ unit | formatUnit }} @@ -221,12 +221,12 @@ v-else-if="mode === 'withdraw'" key="mode-withdraw" > - + - + Amount - Max + Max @@ -272,10 +272,10 @@ > - + ~ {{ withdraw.amount | satsToUSD }} @@ -295,7 +295,7 @@ @input="fetchWithdrawalFees" > - + - + - {{ withdraw.amount | unit | localize }} - + + {{ withdraw.amount | unit | localize }} + + {{ unit | formatUnit }} - ~ {{ withdraw.amount | satsToUSD }} @@ -356,13 +358,13 @@ /> - {{ withdraw.address }} + {{ withdraw.address }} - + {{ withdraw.selectedFee.satPerByte }} @@ -379,15 +381,15 @@ Transaction fee - + {{ projectedBalanceInSats | unit | localize }} {{ unit | formatUnit }} Remaining balance - - + + {{ fees[withdraw.selectedFee.type]["total"] | unit | localize @@ -401,7 +403,7 @@ Transaction fee - + {{ projectedBalanceInSats | unit | localize }} {{ unit | formatUnit }} @@ -417,12 +419,12 @@ v-else-if="mode === 'withdrawn'" key=" mode-withdrawn" > - + - + Successfully withdrawn {{ withdraw.amount | unit | localize }} {{ unit | formatUnit }} - Transaction ID + Transaction ID @@ -465,12 +467,12 @@ v-else-if="this.mode === 'deposit'" key="mode-deposit" > - + - + Send only Bitcoin to this address @@ -515,13 +517,13 @@ - - {{ error }} + + {{ error }} - + - - + + @@ -46,17 +46,17 @@ Block {{ block.height.toLocaleString() }} - + {{ block.numTransactions.toLocaleString() }} transaction{{ block.numTransactions !== 1 ? "s" : "" }} - {{ blockTime(block.time) }} - - + + @@ -104,11 +104,11 @@ diff --git a/src/components/CardWidget.vue b/src/components/CardWidget.vue index 813c6d5..3f3831c 100644 --- a/src/components/CardWidget.vue +++ b/src/components/CardWidget.vue @@ -3,14 +3,16 @@ header-tag="header" footer-tag="footer" no-body - class="mb-4 card-custom" + class="mb-9 card-custom" > - - - {{ header }} + + + + {{ header }} + - - + + {{ title }} - + - {{ subTitle }} + + {{ subTitle }} + diff --git a/src/components/Channels/Channel.vue b/src/components/Channels/Channel.vue index 9245246..5509de1 100644 --- a/src/components/Channels/Channel.vue +++ b/src/components/Channels/Channel.vue @@ -1,5 +1,5 @@ - + @@ -10,7 +10,7 @@ {{ channel.remoteAlias }} @@ -18,9 +18,7 @@ - + {{ channel.status }} @@ -31,7 +29,7 @@ - + - - Max Send - + Max Send + Max Receive diff --git a/src/components/Channels/List.vue b/src/components/Channels/List.vue index 4a5925e..0dd8f8c 100644 --- a/src/components/Channels/List.vue +++ b/src/components/Channels/List.vue @@ -2,11 +2,11 @@ - + You need to open payment channels with other nodes to transact on the Lightning Network. When you open a channel, the balance is automatically deducted @@ -15,7 +15,7 @@ diff --git a/src/components/Channels/Manage.vue b/src/components/Channels/Manage.vue index d01c279..5ef8dfa 100644 --- a/src/components/Channels/Manage.vue +++ b/src/components/Channels/Manage.vue @@ -1,7 +1,7 @@ - + - - Max Send - Max Receive + + Max Send + Max Receive - - Status + + Status {{ channel.status }} - - Channel Type + + Channel Type {{ channel.private ? "Private" : "Public" }} Channel - - Remote Peer Alias + + Remote Peer Alias {{ channel.remoteAlias @@ -57,17 +55,17 @@ - Opened By + Opened By {{ channel.initiator ? "Your node" : "Remote peer" }} - - Local Balance + + Local Balance - - Remote Balance + + Remote Balance - - Channel Capacity + + Channel Capacity - Withdrawal Timelock + Withdrawal Timelock {{ parseInt(channel.csvDelay).toLocaleString() }} Blocks - Commit Fee + Commit Fee {{ channel.commitFee | unit | localize }} {{ unit | formatUnit }} - - Remote Pub Key + + Remote Pub Key {{ channel.remotePubkey @@ -132,7 +130,7 @@ - + Close Channel @@ -140,7 +138,9 @@ - Are you sure you want to close this channel? + + Are you sure you want to close this channel? + Your local channel balance of {{ parseInt(channel.localBalance).toLocaleString() }} Sats @@ -153,7 +153,7 @@ fraudulent. - + - + ~ {{ fundingAmount | satsToUSD }} @@ -57,10 +57,8 @@ - - + + {{ error diff --git a/src/components/ConnectWallet/ConnectionDetails.vue b/src/components/ConnectWallet/ConnectionDetails.vue index 43a00f4..b932dc1 100644 --- a/src/components/ConnectWallet/ConnectionDetails.vue +++ b/src/components/ConnectWallet/ConnectionDetails.vue @@ -14,7 +14,7 @@ synchronized 100%. - + Unable to connect to {{ name }}? If Bitcoin Core has only recently diff --git a/src/components/ConnectWallet/Wallets/BitcoinCoreP2P.vue b/src/components/ConnectWallet/Wallets/BitcoinCoreP2P.vue index 2e94898..0e8e0bf 100644 --- a/src/components/ConnectWallet/Wallets/BitcoinCoreP2P.vue +++ b/src/components/ConnectWallet/Wallets/BitcoinCoreP2P.vue @@ -3,7 +3,7 @@ name="any other wallet that supports Bitcoin Core's P2P" requires="bitcoind" > - + - + - Bitcoin Core P2P Address (Host) - Bitcoin Core P2P Port - + - + - Bitcoin Core RPC Username - Bitcoin Core RPC Password - Bitcoin Core RPC Address (Host) - Bitcoin Core RPC Port - + - + - Electrum Address - Electrum Port - SSL Disabled diff --git a/src/components/ConnectWallet/Wallets/FullyNoded.vue b/src/components/ConnectWallet/Wallets/FullyNoded.vue index 1c8831a..2015dbc 100644 --- a/src/components/ConnectWallet/Wallets/FullyNoded.vue +++ b/src/components/ConnectWallet/Wallets/FullyNoded.vue @@ -16,7 +16,7 @@ v-bind:style="{ cursor: 'pointer' }" > - Or manually enter the following details + Or manually enter the following details In the "RPC Username", enter diff --git a/src/components/ConnectWallet/Wallets/LNDConnectGRPCLocal.vue b/src/components/ConnectWallet/Wallets/LNDConnectGRPCLocal.vue index cfd845a..1eddcb4 100644 --- a/src/components/ConnectWallet/Wallets/LNDConnectGRPCLocal.vue +++ b/src/components/ConnectWallet/Wallets/LNDConnectGRPCLocal.vue @@ -3,7 +3,7 @@ name="any other wallet that supports lndconnect gRPC on local network" requires="lnd" > - + - - + lndconnect URL diff --git a/src/components/ConnectWallet/Wallets/LNDConnectGRPCTor.vue b/src/components/ConnectWallet/Wallets/LNDConnectGRPCTor.vue index a9d6b5d..2a12f5c 100644 --- a/src/components/ConnectWallet/Wallets/LNDConnectGRPCTor.vue +++ b/src/components/ConnectWallet/Wallets/LNDConnectGRPCTor.vue @@ -3,7 +3,7 @@ name="any other wallet that supports lndconnect gRPC on Tor" requires="lnd" > - + - - + lndconnect URL diff --git a/src/components/ConnectWallet/Wallets/LNDConnectRESTLocal.vue b/src/components/ConnectWallet/Wallets/LNDConnectRESTLocal.vue index 7ae0eb7..e8238dc 100644 --- a/src/components/ConnectWallet/Wallets/LNDConnectRESTLocal.vue +++ b/src/components/ConnectWallet/Wallets/LNDConnectRESTLocal.vue @@ -3,7 +3,7 @@ name="any other wallet that supports lndconnect REST on local network" requires="lnd" > - + - - + lndconnect URL diff --git a/src/components/ConnectWallet/Wallets/LNDConnectRESTTor.vue b/src/components/ConnectWallet/Wallets/LNDConnectRESTTor.vue index 233b58c..4c501b8 100644 --- a/src/components/ConnectWallet/Wallets/LNDConnectRESTTor.vue +++ b/src/components/ConnectWallet/Wallets/LNDConnectRESTTor.vue @@ -3,7 +3,7 @@ name="any other wallet that supports lndconnect REST on Tor" requires="lnd" > - + - - + lndconnect URL diff --git a/src/components/ConnectWallet/Wallets/ZapAndroid.vue b/src/components/ConnectWallet/Wallets/ZapAndroid.vue index 40c2e4d..8551de1 100644 --- a/src/components/ConnectWallet/Wallets/ZapAndroid.vue +++ b/src/components/ConnectWallet/Wallets/ZapAndroid.vue @@ -37,7 +37,7 @@ v-bind:style="{ cursor: 'pointer' }" > - Or manually enter the following details + Or manually enter the following details Copy diff --git a/src/components/ConnectWallet/Wallets/ZapDesktop.vue b/src/components/ConnectWallet/Wallets/ZapDesktop.vue index 1aeacff..c66d73d 100644 --- a/src/components/ConnectWallet/Wallets/ZapDesktop.vue +++ b/src/components/ConnectWallet/Wallets/ZapDesktop.vue @@ -8,7 +8,7 @@ In the "Connection String", enter diff --git a/src/components/ConnectWallet/Wallets/ZapiOS.vue b/src/components/ConnectWallet/Wallets/ZapiOS.vue index adde610..0d86c66 100644 --- a/src/components/ConnectWallet/Wallets/ZapiOS.vue +++ b/src/components/ConnectWallet/Wallets/ZapiOS.vue @@ -19,7 +19,7 @@ v-bind:style="{ cursor: 'pointer' }" > - Or manually enter the following details + Or manually enter the following details Copy diff --git a/src/components/ConnectWallet/Wallets/Zeus.vue b/src/components/ConnectWallet/Wallets/Zeus.vue index 98b6ea1..874b3ac 100644 --- a/src/components/ConnectWallet/Wallets/Zeus.vue +++ b/src/components/ConnectWallet/Wallets/Zeus.vue @@ -32,7 +32,7 @@ - Or manually enter the following details + Or manually enter the following details In the "Host", enter diff --git a/src/components/InstalledApp.vue b/src/components/InstalledApp.vue index 820e2b8..54fb6c6 100644 --- a/src/components/InstalledApp.vue +++ b/src/components/InstalledApp.vue @@ -1,9 +1,9 @@ - + Uninstalling... Starting... {{ name }} diff --git a/src/components/LightningWallet.vue b/src/components/LightningWallet.vue index b1bbfcb..09157d0 100644 --- a/src/components/LightningWallet.vue +++ b/src/components/LightningWallet.vue @@ -46,7 +46,7 @@ @@ -71,7 +71,7 @@ fill="#EDEEF1" /> - No transactions @@ -85,13 +85,13 @@ @@ -114,7 +114,7 @@ - + @@ -231,7 +231,7 @@ - {{ tx.amount | unit | localize }} - {{ unit | formatUnit }} + {{ unit | formatUnit }} @@ -241,7 +241,7 @@ @@ -249,7 +249,7 @@ - + - Paying - + Paying + {{ send.amount | unit | localize }} - + {{ unit | formatUnit }} - ~ {{ send.amount | satsToUSD }} - For + For {{ send.description }} @@ -307,7 +307,7 @@ @@ -315,7 +315,7 @@ @@ -359,7 +359,7 @@ ~ {{ receive.amount | satsToUSD }} @@ -407,7 +407,7 @@ Description - (optional) + (optional) @@ -428,7 +428,7 @@ - + Generating Invoice - + This invoice will expire {{ getTimeFromNow(receive.expiresOn) }} @@ -491,7 +491,7 @@ @@ -499,7 +499,7 @@ {{ receive.description }} - {{ + {{ getReadableTime(receive.timestamp) }} @@ -540,7 +540,7 @@ @@ -548,7 +548,7 @@ - - {{ + + {{ getReadableTime(paymentInfo.timestamp) }} - + Fee: {{ paymentInfo.fee | unit | localize }} {{ unit | formatUnit }} - + - Payment proof (preimage) @@ -605,7 +605,7 @@ @@ -613,7 +613,7 @@ This invoice was not paid - Expired on {{ getReadableTime(expiredInvoice.expiresOn) }} @@ -647,14 +647,14 @@ - - {{ error }} + + {{ error }} - + + diff --git a/src/components/Seed.vue b/src/components/Seed.vue index 12acfee..46b3cb2 100644 --- a/src/components/Seed.vue +++ b/src/components/Seed.vue @@ -1,8 +1,8 @@ - + - - Enter your password + + Enter your password @@ -48,7 +48,7 @@ - + diff --git a/src/components/Shutdown.vue b/src/components/Shutdown.vue index 5629da6..56931c7 100644 --- a/src/components/Shutdown.vue +++ b/src/components/Shutdown.vue @@ -1,14 +1,12 @@ - + - + Shutdown complete. You can now safely unplug your Umbrel from the power and internet. + {{ suffix }} diff --git a/src/components/Utility/FeeSelector.vue b/src/components/Utility/FeeSelector.vue index 2b82430..9e47e11 100644 --- a/src/components/Utility/FeeSelector.vue +++ b/src/components/Utility/FeeSelector.vue @@ -1,7 +1,7 @@ - - Transaction Fee + + Transaction Fee - Custom + Custom @@ -34,10 +34,10 @@ { focus }, ]" > - {{ value }} sat/vB - ≈ {{ ((parseInt(fee.fast.total, 10) / @@ -49,9 +49,9 @@ - - Slow - Fast + + Slow + Fast @@ -69,7 +69,7 @@ > - ~ {{ timeToConfirm(value) }} + ~ {{ timeToConfirm(value) }} @@ -79,10 +79,10 @@ { focus }, ]" > - {{ fee[value].perByte }} sat/vB - ≈ {{ fee[value].total | satsToUSD }} diff --git a/src/components/Utility/InputCopy.vue b/src/components/Utility/InputCopy.vue index f5340dc..fbbba88 100644 --- a/src/components/Utility/InputCopy.vue +++ b/src/components/Utility/InputCopy.vue @@ -1,7 +1,7 @@ diff --git a/src/components/Utility/QrCode.vue b/src/components/Utility/QrCode.vue index f7d62bf..87c4674 100644 --- a/src/components/Utility/QrCode.vue +++ b/src/components/Utility/QrCode.vue @@ -19,7 +19,7 @@ :size="size" :level="level" renderAs="svg" - class="d-flex justify-content-center qr-image" + class="flex justify-center qr-image" > diff --git a/src/components/Utility/SatsBtcSwitch.vue b/src/components/Utility/SatsBtcSwitch.vue index f24f592..5c4d2cb 100644 --- a/src/components/Utility/SatsBtcSwitch.vue +++ b/src/components/Utility/SatsBtcSwitch.vue @@ -1,20 +1,18 @@ - + Sats BTC - Sats - BTC + Sats + BTC diff --git a/src/components/Utility/Seed.vue b/src/components/Utility/Seed.vue index 5d8c40b..0dfaa39 100644 --- a/src/components/Utility/Seed.vue +++ b/src/components/Utility/Seed.vue @@ -1,10 +1,10 @@ {{ index + 1 }} - + - + - - + + {{ + {{ suffix }} @@ -54,14 +54,14 @@ :class="{ 'text-success': change.value > 0, 'text-danger': change.value < 0, - 'text-muted': change.value === 0, + 'text-gray-500': change.value === 0, }" > {{ change.value >= 0 ? "+" : "" }}{{ change.value }}{{ change.suffix }} - + . diff --git a/src/components/Utility/Status.vue b/src/components/Utility/Status.vue index 11414c7..e14a95e 100644 --- a/src/components/Utility/Status.vue +++ b/src/components/Utility/Status.vue @@ -1,5 +1,5 @@ - + - - + + - {{ readableSize(ram.used) }} - + + {{ readableSize(ram.used) }} + + Used out of {{ readableSize(ram.total) }} @@ -66,7 +68,7 @@ - + - {{ readableSize(ram.total - ram.used) }} available @@ -96,20 +98,20 @@ View usage Hide usage - + - + - - + + System @@ -138,7 +137,7 @@ {{ getAppName(app.id) }} - Calculating... {{ readableSize(app.used) }} @@ -152,7 +151,7 @@ - + diff --git a/src/components/Widgets/StorageWidget.vue b/src/components/Widgets/StorageWidget.vue index 851db88..c9ba9b8 100644 --- a/src/components/Widgets/StorageWidget.vue +++ b/src/components/Widgets/StorageWidget.vue @@ -1,12 +1,14 @@ - - + +
Send only Bitcoin to this address @@ -515,13 +517,13 @@
{{ subTitle }}
+ {{ subTitle }} +
You need to open payment channels with other nodes to transact on the Lightning Network. When you open a channel, the balance is automatically deducted @@ -15,7 +15,7 @@
Your local channel balance of {{ parseInt(channel.localBalance).toLocaleString() }} Sats @@ -153,7 +153,7 @@ fraudulent. -
Or manually enter the following details
Generating Invoice - + This invoice will expire {{ getTimeFromNow(receive.expiresOn) }} @@ -491,7 +491,7 @@ @@ -499,7 +499,7 @@ {{ receive.description }} - {{ + {{ getReadableTime(receive.timestamp) }} @@ -540,7 +540,7 @@ @@ -548,7 +548,7 @@ - - {{ + + {{ getReadableTime(paymentInfo.timestamp) }} - + Fee: {{ paymentInfo.fee | unit | localize }} {{ unit | formatUnit }} - + - Payment proof (preimage) @@ -605,7 +605,7 @@ @@ -613,7 +613,7 @@ This invoice was not paid - Expired on {{ getReadableTime(expiredInvoice.expiresOn) }} @@ -647,14 +647,14 @@ - - {{ error }} + + {{ error }} - + + diff --git a/src/components/Seed.vue b/src/components/Seed.vue index 12acfee..46b3cb2 100644 --- a/src/components/Seed.vue +++ b/src/components/Seed.vue @@ -1,8 +1,8 @@ - + - - Enter your password + + Enter your password @@ -48,7 +48,7 @@ - + diff --git a/src/components/Shutdown.vue b/src/components/Shutdown.vue index 5629da6..56931c7 100644 --- a/src/components/Shutdown.vue +++ b/src/components/Shutdown.vue @@ -1,14 +1,12 @@ - + - + Shutdown complete. You can now safely unplug your Umbrel from the power and internet. + {{ suffix }} diff --git a/src/components/Utility/FeeSelector.vue b/src/components/Utility/FeeSelector.vue index 2b82430..9e47e11 100644 --- a/src/components/Utility/FeeSelector.vue +++ b/src/components/Utility/FeeSelector.vue @@ -1,7 +1,7 @@ - - Transaction Fee + + Transaction Fee - Custom + Custom @@ -34,10 +34,10 @@ { focus }, ]" > - {{ value }} sat/vB - ≈ {{ ((parseInt(fee.fast.total, 10) / @@ -49,9 +49,9 @@ - - Slow - Fast + + Slow + Fast @@ -69,7 +69,7 @@ > - ~ {{ timeToConfirm(value) }} + ~ {{ timeToConfirm(value) }} @@ -79,10 +79,10 @@ { focus }, ]" > - {{ fee[value].perByte }} sat/vB - ≈ {{ fee[value].total | satsToUSD }} diff --git a/src/components/Utility/InputCopy.vue b/src/components/Utility/InputCopy.vue index f5340dc..fbbba88 100644 --- a/src/components/Utility/InputCopy.vue +++ b/src/components/Utility/InputCopy.vue @@ -1,7 +1,7 @@ diff --git a/src/components/Utility/QrCode.vue b/src/components/Utility/QrCode.vue index f7d62bf..87c4674 100644 --- a/src/components/Utility/QrCode.vue +++ b/src/components/Utility/QrCode.vue @@ -19,7 +19,7 @@ :size="size" :level="level" renderAs="svg" - class="d-flex justify-content-center qr-image" + class="flex justify-center qr-image" > diff --git a/src/components/Utility/SatsBtcSwitch.vue b/src/components/Utility/SatsBtcSwitch.vue index f24f592..5c4d2cb 100644 --- a/src/components/Utility/SatsBtcSwitch.vue +++ b/src/components/Utility/SatsBtcSwitch.vue @@ -1,20 +1,18 @@ - + Sats BTC - Sats - BTC + Sats + BTC diff --git a/src/components/Utility/Seed.vue b/src/components/Utility/Seed.vue index 5d8c40b..0dfaa39 100644 --- a/src/components/Utility/Seed.vue +++ b/src/components/Utility/Seed.vue @@ -1,10 +1,10 @@ {{ index + 1 }} - + - + - - + + {{ + {{ suffix }} @@ -54,14 +54,14 @@ :class="{ 'text-success': change.value > 0, 'text-danger': change.value < 0, - 'text-muted': change.value === 0, + 'text-gray-500': change.value === 0, }" > {{ change.value >= 0 ? "+" : "" }}{{ change.value }}{{ change.suffix }} - + . diff --git a/src/components/Utility/Status.vue b/src/components/Utility/Status.vue index 11414c7..e14a95e 100644 --- a/src/components/Utility/Status.vue +++ b/src/components/Utility/Status.vue @@ -1,5 +1,5 @@ - + - - + + - {{ readableSize(ram.used) }} - + + {{ readableSize(ram.used) }} + + Used out of {{ readableSize(ram.total) }} @@ -66,7 +68,7 @@ - + - {{ readableSize(ram.total - ram.used) }} available @@ -96,20 +98,20 @@ View usage Hide usage - + - + - - + + System @@ -138,7 +137,7 @@ {{ getAppName(app.id) }} - Calculating... {{ readableSize(app.used) }} @@ -152,7 +151,7 @@ - + diff --git a/src/components/Widgets/StorageWidget.vue b/src/components/Widgets/StorageWidget.vue index 851db88..c9ba9b8 100644 --- a/src/components/Widgets/StorageWidget.vue +++ b/src/components/Widgets/StorageWidget.vue @@ -1,12 +1,14 @@ - - + +
Used out of {{ readableSize(ram.total) }}
This PR will allow us to write all new code using Tailwind moving forward while preserving the old bootstrap styles and functionality. Over time, we can migrate those components over to Tailwind as well.