MangaCard fix Margins

This commit is contained in:
glax 2025-05-08 05:12:36 +02:00
parent 8a07818b89
commit 6173d16edc
2 changed files with 2 additions and 2 deletions

View File

@ -28,7 +28,7 @@ export default function App () {
<Search open={showSearch} setOpen={setShowSearch} />
<Sheet className={"app-content"}>
<MangaList connected={apiConnected}>
<Badge invisible>
<Badge invisible sx={{margin: "8px !important"}}>
<Card onClick={() => setShowSearch(true)} sx={{height:"fit-content",width:"fit-content"}}>
<CardCover sx={{margin:"var(--Card-padding)"}}>
<img src={"/blahaj.png"} style={{height:"300px", width:"200px"}} />

View File

@ -101,7 +101,7 @@ export function Manga({manga, children, loading} : { manga: IManga | undefined,
const interactiveElements = ["button", "input", "textarea", "a", "select", "option", "li"];
return (
<Badge sx={{margin:"8px"}} badgeContent={useManga.mangaConnectorId} color={ReleaseStatusToPalette(useManga.releaseStatus)} size={"lg"}>
<Badge sx={{margin:"8px !important"}} badgeContent={useManga.mangaConnectorId} color={ReleaseStatusToPalette(useManga.releaseStatus)} size={"lg"}>
<Card sx={{height:"fit-content",width:"fit-content"}} onClick={(e) => {
const target = e.target as HTMLElement;
if(interactiveElements.find(x => x == target.localName) == undefined)