mirror of
https://gitea.tendokyu.moe/ppc/amnet.git
synced 2026-10-02 11:48:04 +03:00
fix footer arrangement, change icons
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user