Telegram Leaderboard - Copy this React, Tailwind Component to your project

/* Telegram Leaderboard Container */ .telegram leaderboard { margin: 20px 0; overflow x: auto; /* Enables horizontal scrolling on small screens */ } /* Leaderboard Table Styles */ .telegram leaderboard table { width: 100%; border collapse: collapse; font family: 'Helvetica Neue', Helvetica, Arial, sans serif; font size: 16px; color: #333; box shadow: 0 2px 8px rgba(0, 0, 0, 0.1); border radius: 8px; overflow: hidden; } /* Table Header */ .telegram leaderboard table thead { background color: #0073aa; /* WordPress Blue */ color: #fff; } .telegram leaderboard table th, .telegram leaderboard table td { padding: 12px 15px; border: 1px solid #ddd; text align: left; } .telegram leaderboard table th { font weight: bold; text transform: uppercase; letter spacing: 0.05em; } /* Table Rows */ .telegram leaderboard table tbody tr:nth child(even) { background color: #f9f9f9; } .telegram leaderboard table tbody tr:hover { background color: #f1f1f1; } /* Leaderboard Timestamp */ .leaderboard timestamp { font size: 14px; color: #666; margin top: 10px; text align: right; } /* Responsive Adjustments */ @media (max width: 600px) { .telegram leaderboard table { font size: 14px; } .telegram leaderboard table th, .telegram leaderboard table td { padding: 10px; } }