diff --git a/bun.lockb b/bun.lockb index dda70b11..e9a69b59 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/src/app/harbor/battles/project-card.tsx b/src/app/harbor/battles/project-card.tsx index 4b8578ba..7d19f9aa 100644 --- a/src/app/harbor/battles/project-card.tsx +++ b/src/app/harbor/battles/project-card.tsx @@ -48,8 +48,12 @@ export default function ProjectCard({ src={project.screenshot_url} alt={`Screenshot of ${project.title}`} fill - sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" className="object-cover" + sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" + style={{ + maxWidth: '100%', + height: 'auto', + }} /> )} diff --git a/src/app/harbor/shipyard/ships.tsx b/src/app/harbor/shipyard/ships.tsx index d425550d..d1c45d01 100644 --- a/src/app/harbor/shipyard/ships.tsx +++ b/src/app/harbor/shipyard/ships.tsx @@ -246,7 +246,14 @@ export default function Ships({ ship will start getting into matchups.

- Thinking Dino + Thinking Dino
)} -
{shipChains && shippedShips.length > 0 ? (
@@ -398,7 +402,6 @@ export default function Ships({ ) : null}
- setNewShipVisible(false)} @@ -410,7 +413,6 @@ export default function Ships({ session={session} /> - setNewUpdateShip(null)} @@ -423,7 +425,6 @@ export default function Ships({ session={session} /> - setSelectedShip(null)} @@ -440,19 +441,22 @@ export default function Ships({
{`Screenshot { target.src = NoImgBanner.src }} + sizes="4rem" + style={{ + maskImage: + 'linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))', + + maxWidth: '100%', + height: 'auto', + }} />
@@ -639,6 +643,10 @@ export default function Ships({ alt="" width={461} height={11} + style={{ + maxWidth: '100%', + height: 'auto', + }} />
@@ -654,6 +662,10 @@ export default function Ships({ alt="" width={461} height={11} + style={{ + maxWidth: '100%', + height: 'auto', + }} /> {latestShip?.feedback && ( @@ -675,6 +687,10 @@ export default function Ships({ alt="" width={461} height={11} + style={{ + maxWidth: '100%', + height: 'auto', + }} /> )} @@ -698,6 +714,10 @@ export default function Ships({ width={400} height={100} className="mx-auto object-cover mt-2" + style={{ + maxWidth: '100%', + height: 'auto', + }} />
) : ( @@ -719,7 +739,6 @@ export default function Ships({
- setErrorModal(undefined)}>

Arrrr! Something broke.

{errorModal}

diff --git a/src/app/harbor/shop/shop-item-component.js b/src/app/harbor/shop/shop-item-component.js index 97ea79e1..a45bbd9d 100644 --- a/src/app/harbor/shop/shop-item-component.js +++ b/src/app/harbor/shop/shop-item-component.js @@ -123,6 +123,10 @@ export const ShopItemComponent = ({ alt="" width={461} height={11} + style={{ + maxWidth: '100%', + height: 'auto', + }} /> {item.limited_qty && ( @@ -165,7 +169,6 @@ export const ShopItemComponent = ({ Close - { if (e.target.tagName !== 'BUTTON' && e.target.tagName !== 'FORM') { diff --git a/src/app/harbor/signpost/best-ships.tsx b/src/app/harbor/signpost/best-ships.tsx index 9a4c222e..8b7b99d1 100644 --- a/src/app/harbor/signpost/best-ships.tsx +++ b/src/app/harbor/signpost/best-ships.tsx @@ -17,7 +17,6 @@ export default function BestShips() {

Best ships this week

- {bestShips ? (
{bestShips.map((partialShip: any, idx: number) => { @@ -32,7 +31,15 @@ export default function BestShips() { msg={`${partialShip.payout} doubloons`} classes="bg-white/15 text-white" glyphImage={ - Doubloons + Doubloons } />
diff --git a/src/app/harbor/signpost/wakatime-setup-instructions.tsx b/src/app/harbor/signpost/wakatime-setup-instructions.tsx index 6da6c704..96954e0c 100644 --- a/src/app/harbor/signpost/wakatime-setup-instructions.tsx +++ b/src/app/harbor/signpost/wakatime-setup-instructions.tsx @@ -47,7 +47,6 @@ export default function WakatimeSetupInstructions({
- {open ? ( + Doubloons } />{' '} you get when your projects are voted on in the{' '} @@ -76,7 +83,15 @@ export default function WakatimeSetupInstructions({ msg="Doubloons" color="green" glyphImage={ - Doubloons + Doubloons } />{' '} can be exchnged for items in the{' '} diff --git a/src/app/marketing/components/ScrollShop.jsx b/src/app/marketing/components/ScrollShop.jsx index ea2b27f9..9ce605c9 100644 --- a/src/app/marketing/components/ScrollShop.jsx +++ b/src/app/marketing/components/ScrollShop.jsx @@ -20,10 +20,14 @@ export default function ScrollShop() { Photo 1
diff --git a/src/app/marketing/components/ScrollShopReverse.jsx b/src/app/marketing/components/ScrollShopReverse.jsx index 883b34fa..37da99b7 100644 --- a/src/app/marketing/components/ScrollShopReverse.jsx +++ b/src/app/marketing/components/ScrollShopReverse.jsx @@ -20,10 +20,14 @@ export default function ScrollShopReversed() { Photo 1
diff --git a/src/app/marketing/page.tsx b/src/app/marketing/page.tsx index 744caecd..43162507 100644 --- a/src/app/marketing/page.tsx +++ b/src/app/marketing/page.tsx @@ -106,7 +106,6 @@ export default async function Marketing() { -
@@ -143,6 +142,10 @@ export default async function Marketing() { alt="dragons battling" width={400} height={400} + style={{ + maxWidth: '100%', + height: 'auto', + }} />
@@ -155,6 +158,10 @@ export default async function Marketing() { width={400} height={400} className="left-0 absolute bobble opacity-95" + style={{ + maxWidth: '100%', + height: 'auto', + }} />
@@ -237,6 +248,10 @@ export default async function Marketing() { alt="treasure chest" width={400} height={400} + style={{ + maxWidth: '100%', + height: 'auto', + }} />
@@ -431,6 +446,10 @@ export default async function Marketing() { className="w-full h-auto" width="300" height="300" + style={{ + maxWidth: '100%', + height: 'auto', + }} /> @@ -462,6 +481,10 @@ export default async function Marketing() { className="w-full h-auto" width="300" height="300" + style={{ + maxWidth: '100%', + height: 'auto', + }} /> @@ -807,7 +830,6 @@ export default async function Marketing() { -
-

@@ -928,7 +949,6 @@ export default async function Marketing() {

- under footer image { className="w-full object-cover absolute opacity-60" />
- Shop item + Shop item
@@ -1075,6 +1103,10 @@ const PrizeCard: React.FC = ({ className="w-full h-auto" width="300" height="300" + style={{ + maxWidth: '100%', + height: 'auto', + }} /> diff --git a/src/components/markdown.tsx b/src/components/markdown.tsx index 347c838d..9754be37 100644 --- a/src/components/markdown.tsx +++ b/src/components/markdown.tsx @@ -88,6 +88,10 @@ export const markdownComponents: Components = { alt="" width={461} height={11} + style={{ + maxWidth: '100%', + height: 'auto', + }} /> ), } diff --git a/src/components/nav.tsx b/src/components/nav.tsx index ca7a1bcd..1ae01761 100644 --- a/src/components/nav.tsx +++ b/src/components/nav.tsx @@ -18,12 +18,18 @@ export default async function Nav() { }} > - High Seas! + High Seas! - -
{session?.picture && session.givenName ? (
@@ -33,6 +39,10 @@ export default async function Nav() { height={32} alt="profile picture" className="rounded-full" + style={{ + maxWidth: '100%', + height: 'auto', + }} />

Hey, {session.givenName}!

{' '}
diff --git a/src/components/ui/ship-pill-cluster.tsx b/src/components/ui/ship-pill-cluster.tsx index 294fcf42..162466be 100644 --- a/src/components/ui/ship-pill-cluster.tsx +++ b/src/components/ui/ship-pill-cluster.tsx @@ -35,7 +35,7 @@ export default function ShipPillCluster({ return ( <> {/* {JSON.stringify(chain[0].reshippedFromId)},, - {JSON.stringify(chain[0].shipStatus)} */} + {JSON.stringify(chain[0].shipStatus)} */} { /*!chain[0].reshippedFromId && */ chain[0].shipStatus === 'staged' ? ( + doubloons } /> ) : (