ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-08 13:55:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor use-case end cards to use bg images

Browse Source
This commit is contained in:
mDuo13
2025-09-30 14:38:11 -07:00
parent e56994adfb
commit 1de30f07a8
8 changed files with 46 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
shared/components/developer-resources-section.tsx
View File

@@ -27,14 +27,10 @@ export const DeveloperResourcesSection: React.FC<DeveloperResourcesSectionProps>
const isSingleCard = cards.length === 1;
return (
<div className={` container developer-resources-section page-community ${className} ${isSingleCard ? 'single-card' : ''}`}>
<div className={`container developer-resources-section page-community ${className} ${isSingleCard ? 'single-card' : ''}`}>
<section className="bottom-cards-section bug-bounty section-padding">
{cards.map((card, index) => (
<div key={index} className={`com-card ${isSingleCard ? 'single-card' : ''}`}>
<img
className={`${isSingleCard ? 'bottom-right-img' : (index === 0 ? 'top-right-img' : 'bottom-right-img')} ${isSingleCard ? 'bug-bounty-card-bg-2' : `bug-bounty-card-bg${index === 0 ? '' : '-2'}`} ${card.backgroundClass || ''}`}
alt={`${card.title} Background`}
/>
<div key={index} className={`com-card ${card.backgroundClass || ''}`}>
<div className="card-content custom-gap">
<h6 className="card-title">{translate(card.title)}</h6>
<p className="card-description">