···

       
57
       
57
       
 
       
            <span class="text-xl flex gap-2 items-center">

     

       
58
       
58
       
 
       
                <LucideIcon name=`${iconName}` width="20" height="20" style={`stroke:${colorCss}`} /> 

     

       
59
       
59
       
 
       
                <span class="group-hover:underline font-bold">{title} </span>

     

       
60
       
60
       
-
       
                <span class="hidden md:block">

     

       
60
       
60
       
+
       
                <span class="hidden md:flex items-center">

     

       
61
       
61
       
 
       
                {tag && tagcolor && (

     

       
62
       
62
       
 
       
                    <Tag text={tag} color={tagcolor}/>

     

       
63
       
63
       
 
       
                )}

     

···

       
7
       
7
       
 
       
const { text, color } = Astro.props

     

       
8
       
8
       
 
       
const colorCss = "var(" + color + "-700)"

     

       
9
       
9
       
 
       
---

     

       
10
       
10
       
-
       
<span class="p-1 pl-2 pr-2 text-xs rounded-full scale-95 font-bold bg-ctp-base border border-ctp-surface0" 

     

       
10
       
10
       
+
       
<span class="p-1 pl-2 pr-2 text-xs rounded-full font-bold bg-ctp-base border border-ctp-surface0" 

     

       
11
       
11
       
 
       
    style={`color:${colorCss};`}>

     

       
12
       
12
       
 
       
    {text}

     

       
13
       
13
       
 
       
</span>