fix footer arrangement, change icons

This commit is contained in:
ppc
2024-08-10 18:09:53 +01:00
parent fd300b3649
commit ee28ce97e7
+4 -4
View File
@@ -1,7 +1,7 @@
import {useEffect, useState} from "react";
import {useNavigate, useParams} from "react-router-dom";
import {useLiveQuery} from "dexie-react-hooks";
import {ChevronRight, Circle, CircleCheckBig, Home, Plus, ServerOff, Wallet} from "lucide-react";
import {CircleDot, CircleCheckBig, Home, Nfc, Plus, ServerOff, Wallet} from "lucide-react";
import {AimeCard, AimeServer, db} from "@/lib/database";
import {getServerInfo, serverCardIn} from "@/lib/aime-net";
@@ -77,7 +77,7 @@ function CardList(props: { cards: ReadonlyArray<AimeCard> | null, cardSelected:
{!props.cards?.length
? <NoCardsNotification/>
: props.cards.map(x => <AimeCardEntry key={x.id} card={x}
actionIcon={<Circle className="w-5 h-5"/>}
actionIcon={<CircleDot className="w-5 h-5"/>}
actionClicked={() => props.cardSelected(x)}/>)}
</>);
}
@@ -169,7 +169,7 @@ function ServerCardInPage() {
<Button className="flex-grow-0 bg-green-600 mb-5"
disabled={(cardInStatus || connectionError || !server)}
onClick={() => performCardInAction(selectedCard, server as AimeServer, setCardInStatus, toast)}>
{cardInStatus ? "Carding in..." : <>Card In <ChevronRight className="ml-2 h-4 w-4"/></>}
{cardInStatus ? "Carding in..." : <>Card In <Nfc className="ml-2 h-4 w-4"/></>}
</Button>
</>)}
@@ -186,7 +186,7 @@ function ServerCardInPage() {
</div>
)}
<AMFooter className="flex flex-col sm:flex-row justify-center sm:justify-between gap-2 flex-wrap-reverse">
<AMFooter className="flex flex-col-reverse sm:flex-row sm:flex-wrap justify-center sm:justify-between gap-2">
{server?.id && (
<AlertDialog>
<AlertDialogTrigger>