info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-01 06:50:26 +02:00
Code Issues Releases Wiki Activity

Change background color of grid

Browse Source
This commit is contained in:
Kamran Ahmed
2023-08-29 18:35:53 +01:00
parent f256a5a9b0
commit e3793b00c7
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/GridItem.astro
View File

@@ -13,18 +13,20 @@ const { url, title, description, isNew } = Astro.props;
<a
href={url}
class='bg-gradient-to-r from-slate-900 to-amber-900 hover:from-stone-900 hover:to-stone-900 hover:bg-gray-100 flex flex-col p-2.5 sm:p-5 rounded-md sm:rounded-lg border border-gray-200 relative h-full'
class='relative group hover:bg-gray-50 flex h-full flex-col rounded-md border border-gray-200 bg-white p-2.5 hover:border-gray-400/50 sm:rounded-lg sm:p-5'
>
<span
class='font-regular sm:font-medium text-md sm:text-xl hover:text-gray-50 text-gray-200 sm:text-gray-100 mb-0 sm:mb-1.5'
class='font-semibold text-md mb-0 text-gray-900 hover:text-black sm:mb-1.5 sm:text-xl'
>
{title}
</span>
<span class='text-sm leading-normal text-gray-400 hidden sm:block'>{description}</span>
<span class='hidden text-sm leading-normal text-gray-400 sm:block group-hover:text-gray-500'
>{description}</span
>
{
isNew && (
<span class='absolute bottom-1 right-1 bg-yellow-300 text-yellow-900 text-xs font-medium px-1 sm:px-1.5 py-0.5 rounded-sm uppercase'>
<span class='absolute bottom-1 right-1 rounded-sm bg-yellow-300 px-1 py-0.5 text-xs font-medium uppercase text-yellow-900 sm:px-1.5'>
New
</span>
)

2
src/pages/roadmaps.astro
View File

@@ -21,7 +21,7 @@ const skillRoadmaps = await getRoadmapsByTag('skill-roadmap');
<div class='flex bg-gray-100 pt-4 pb-14 sm:pt-8 sm:pb-16'>
<div class='container'>
<div class='grid grid-cols-1 gap-0.5 sm:grid-cols-2 sm:gap-3'>
<div class='grid grid-cols-1 gap-1 sm:grid-cols-2 sm:gap-3'>
{
roleRoadmaps.map((roleRoadmap) => (
<GridItem