Feb 25 (edited) • Help
Border radius not showing
Edit: The issue has been fixed by adding the border radius to the first and last table cells instead of the whole table row.
I recently started using Shadcn in my crypto app. The table row should have a border radius of 12px, but it's not showing up. I tried adding it directly in the table.tsx document in the components/ui and it didn't have any effect. I also tried wrapping the row in a div and adding the border radius there, but that caused a hydration error. Other Tailwind classes are working fine.
<TableBody>
{coinsData.map((data: any, index: number) => (
<TableRow key={index} className="bg-[#191925] w-full h-[77px] border-none rounded-xl">
<TableCell>{data.name}</TableCell>
</TableRow>
))}
</TableBody>
3
2 comments
Max Hayakawa
6
Border radius not showing
Developer Pro
skool.com/developerpro
Learn how to code. Make money. Have fun. Enjoy life.
Leaderboard (30-day)
Powered by