diff --git a/src/App.tsx b/src/App.tsx index c8b9867..5c21680 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -85,9 +85,9 @@ const darkTheme = createTheme({ styleOverrides: { body: { background: - /* + /* "linear-gradient(20deg, black, #121a22, #1d506f, #121a22, black)", - */ + */ "linear-gradient(120deg, black, #221a22, #5f405f, #221a22, black)", }, "@media print": { diff --git a/src/components/CardFront.css b/src/components/CardFront.css index a8820e3..24c8f60 100644 --- a/src/components/CardFront.css +++ b/src/components/CardFront.css @@ -526,7 +526,7 @@ div.card-front.gbcp.bleed.double { /* rainbow playbooks */ -.card-front .playbook-result.momentus { +.card-front:not(.nofun) .playbook-result.momentus { --rainbow: repeating-linear-gradient(60deg, #adfbda calc((0 - var(--col)) * 100%), #35c3ff calc((7/5 - var(--col)) * 100%), @@ -538,6 +538,6 @@ div.card-front.gbcp.bleed.double { background-image: var(--rainbow) !important; border-color: black !important; } -.card-front .playbook-result.momentus svg { +.card-front:not(.nofun) .playbook-result.momentus svg { fill: black !important; } diff --git a/src/routes/print.tsx b/src/routes/print.tsx index 274458c..676b5ae 100644 --- a/src/routes/print.tsx +++ b/src/routes/print.tsx @@ -49,6 +49,8 @@ const PrintSettings = (props: { setBleed: (b: boolean) => void; doubleCard: boolean; setDouble: (b: boolean) => void; + noFun: boolean; + setNoFun: (b: boolean) => void; }) => { const [menuAnchor, setMenuAnchor] = useState(null); const settingsOpen = Boolean(menuAnchor); @@ -61,7 +63,7 @@ const PrintSettings = (props: { const [paged, setPaged] = useState(true); - const { doubleCard, setDouble, withBleed, setBleed } = props; + const { doubleCard, setDouble, withBleed, setBleed, noFun, setNoFun } = props; useEffect(() => { const size = doubleCard ? withBleed @@ -136,6 +138,12 @@ const PrintSettings = (props: { setPaged(!paged)} /> } /> + setNoFun(!noFun)} /> + } + /> @@ -156,8 +164,11 @@ export const CardPrintScreen = () => { const [Models, setModels] = useState(); const [doubleCard, setDouble] = useState(true); + const [withBleed, setBleed] = useState(false); + const [noFun, setNoFun] = useState(false); + useEffect(() => { if (!db) { return; @@ -235,6 +246,8 @@ export const CardPrintScreen = () => { setBleed={setBleed} doubleCard={doubleCard} setDouble={setDouble} + noFun={noFun} + setNoFun={setNoFun} /> { id={m} key={m} bleed={withBleed} + noFun={noFun} doubleCard={doubleCard} /> ))} @@ -934,8 +948,9 @@ const ModelCard = (props: { id: string; bleed: boolean; doubleCard: boolean; + noFun: boolean; }) => { - const { name, id, bleed, doubleCard } = props; + const { name, id, bleed, doubleCard, noFun } = props; const [inView, setInView] = useState(false); const callback: MutationCallback = (mutationList) => { if (mutationList && mutationList[0]) { @@ -969,7 +984,7 @@ const ModelCard = (props: { return doubleCard ? (
{inView && (
{inView && (
{ return (
{ > {inView && (
{ return (