jason/polaris-task-force
1
0
Fork 0
Code Issues Wiki Activity

fix(campaigns): wrap campaign cards evenly with flex layout

Browse source 
Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
This commit is contained in:
Jason Fraley 2026-09-11 03:26:27 -04:00
parent a843a85656
commit bce910fa1c
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/frontend/intelligence/CampaignsList.tsx
View file

@ -65,9 +65,11 @@ export function CampaignsList({ campaigns }: CampaignsListProps) {
Command-sanctioned operations at the heart of the unit&apos;s story. Command-sanctioned operations at the heart of the unit&apos;s story.
</p> </p>
</div> </div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-3 w-full max-w-6xl mx-auto"> <div className="flex flex-wrap justify-center gap-3 w-full max-w-6xl mx-auto">
{officialCampaigns.map((campaign) => ( {officialCampaigns.map((campaign) => (
<CampaignCard key={campaign.id} campaign={campaign} size="lg" /> <div key={campaign.id} className="w-full md:w-[calc(50%-6px)]">
<CampaignCard campaign={campaign} size="lg" />
</div>
))} ))}
</div> </div>
</section> </section>
@ -85,9 +87,11 @@ export function CampaignsList({ campaigns }: CampaignsListProps) {
Player-made side operations and stories, open to everyone. Player-made side operations and stories, open to everyone.
</p> </p>
</div> </div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 w-full max-w-6xl mx-auto"> <div className="flex flex-wrap justify-center gap-3 w-full max-w-6xl mx-auto">
{communityCampaigns.map((campaign) => ( {communityCampaigns.map((campaign) => (
<CampaignCard key={campaign.id} campaign={campaign} size="sm" /> <div key={campaign.id} className="w-full sm:w-[calc(50%-6px)] lg:w-[calc(33.333%-8px)]">
<CampaignCard campaign={campaign} size="sm" />
</div>
))} ))}
</div> </div>
</section> </section>