Fix/manga track binding card styling (#680)

* Fix missing box shadow of active tracker card

Due to missing side paddings the box shadow wasn't visible

* Extract tracker card styling

* Prevent breaking title when selecting manga

* Limit max lines of titles
This commit is contained in:
schroda
2024-03-29 16:54:53 +01:00
committed by GitHub
parent 74f945dd59
commit fa1169337f
8 changed files with 82 additions and 23 deletions

View File

@@ -14,12 +14,13 @@ import { useTranslation } from 'react-i18next';
import { Stack } from '@mui/material';
import { requestManager } from '@/lib/requests/RequestManager.ts';
import { TBaseTracker } from '@/lib/data/Trackers.ts';
import { CARD_STYLING } from '@/components/tracker/constants.ts';
export const TrackerUntrackedCard = ({ tracker, onClick }: { tracker: TBaseTracker; onClick: () => void }) => {
const { t } = useTranslation();
return (
<Card sx={{ backgroundColor: 'transparent', boxShadow: 'unset', backgroundImage: 'unset' }}>
<Card sx={CARD_STYLING}>
<CardContent sx={{ padding: '0' }}>
<Stack direction="row" gap="25px">
<Avatar