Resize some assets.

40acres · Oct 18, 2024 · c26000d · c26000d
1 parent d4215ef
commit c26000d
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 28 deletions.
diff --git a/swap-frontend/src/SwapInDetails.tsx b/swap-frontend/src/SwapInDetails.tsx
@@ -7,8 +7,8 @@ import Fa from 'solid-fa';
 import { faArrowRotateBack, faCopy } from '@fortawesome/free-solid-svg-icons';
 import { QrCode } from './QrCode.js';
 import bitcoinLogo from '/assets/bitcoin-logo.svg';
-import successImage from '/assets/success-image.svg';
-import failureImage from '/assets/failure-image.svg';
+import successImage from '/assets/success-image.png';
+import failureImage from '/assets/failure-image.png';
 import { createTimer } from '@solid-primitives/timer';
 import { Spinner } from './Spinner.js';
 import { ActionButton } from './ActionButton.js';
@@ -78,10 +78,10 @@ export const SwapInDetails: Component = () => {
 
         <div class="d-flex flex-column gap-3">
             <Show when={currentSwap()?.status === 'DONE' && currentSwap()?.outcome === 'SUCCESS'}>
-                <img src={successImage} style="height: 212px" />
+                <img src={successImage} class="align-self-center" />
             </Show>
             <Show when={currentSwap()?.status === 'DONE' && currentSwap()?.outcome === 'REFUNDED'}>
-                <img src={failureImage} style="height: 212px" />
+                <img src={failureImage} class="align-self-center" />
             </Show>
             <Show when={currentSwap()}>{s => <>
                 <Table class="swap-details-table">

diff --git a/swap-frontend/src/SwapOutDetails.tsx b/swap-frontend/src/SwapOutDetails.tsx
@@ -2,14 +2,14 @@ import { Component, createEffect, createMemo, createResource, Match, Show, Switc
 import { Button, Table } from 'solid-bootstrap';
 import { applicationContext } from './ApplicationContext.js';
 import { A, useParams } from '@solidjs/router';
-import successImage from './assets/success-image.svg';
+import successImage from './assets/success-image.png';
 import lightningLogo from './assets/lightning-logo.svg';
 import { QrCode } from './QrCode.js';
 import Fa from 'solid-fa';
 import { faArrowRotateBack, faCopy } from '@fortawesome/free-solid-svg-icons';
 import { createTimer } from '@solid-primitives/timer';
 import { Spinner } from './Spinner.js';
-import failureImage from './assets/failure-image.svg';
+import failureImage from './assets/failure-image.png';
 import { currencyFormat, jsonEquals } from './utils.js';
 import { toast } from 'solid-toast';
 
@@ -57,10 +57,10 @@ export const SwapOutDetails: Component = () => {
         </Show>
         <div class="d-flex flex-column gap-3">
             <Show when={currentSwap()?.status === 'DONE' && currentSwap()?.outcome === 'SUCCESS'}>
-                <img src={successImage} style="height: 212px" />
+                <img src={successImage} class="align-self-center" />
             </Show>
             <Show when={currentSwap()?.status === 'DONE' && currentSwap()?.outcome === 'REFUNDED'}>
-                <img src={failureImage} style="height: 212px" />
+                <img src={failureImage} class="align-self-center" />
             </Show>
             <Show when={currentSwap()}>{s => <>
                 <Table class="swap-details-table">

diff --git a/swap-frontend/src/assets/failure-image.png b/swap-frontend/src/assets/failure-image.png
diff --git a/swap-frontend/src/assets/failure-image.svg b/swap-frontend/src/assets/failure-image.svg
diff --git a/swap-frontend/src/assets/success-image.png b/swap-frontend/src/assets/success-image.png
diff --git a/swap-frontend/src/assets/success-image.svg b/swap-frontend/src/assets/success-image.svg
diff --git a/swap-frontend/src/assets/swap-background.jpeg b/swap-frontend/src/assets/swap-background.jpeg