···

       
52
       
52
       
 
       
import Tag from "./Tag.astro"

     

       
53
       
53
       
 
       
---

     

       
54
       
54
       
 
       
<div class="p-4 border border-ctp-surface0 flex flex-col -mt-px w-full">

     

       
55
       
55
       
-
       
    <div class="flex justify-between gap-4">

     

       
55
       
55
       
+
       
    <div class="flex flex-wrap sm:flex-nowrap justify-between gap-2 sm:gap-4">

     

       
56
       
56
       
 
       
        <a href=`${href}` class="flex flex-col gap-1 group">

     

       
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
       
61
       
 
       
                {tag && tagcolor && (

     

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

     

       
62
       
63
       
 
       
                )}

     

       
64
       
64
       
+
       
                </span>

     

       
63
       
65
       
 
       
            </span>

     

       
64
       
66
       
 
       
            <span class="text-sm">

     

       
65
       
67
       
 
       
                <span class="flex gap-1">{subtitle}</span>

     

···

       
5
       
5
       
 
       
<Layout>

     

       
6
       
6
       
 
       
    <section class="h-[50%] 

     

       
7
       
7
       
 
       
        flex flex-col lg:grid-cols-5 lg:grid 

     

       
8
       
8
       
-
       
        p-10 pt-20 md:p-12 md:pt-24 xl:p-24 xl:pt-48 md:gap-8 xl:gap-16">

     

       
8
       
8
       
+
       
        p-10 pt-20 md:p-12 md:pt-24 xl:p-24 xl:pt-48 gap-4 md:gap-8 xl:gap-16">

     

       
9
       
9
       
 
       
        <Profile/>

     

       
10
       
10
       
-
       
        <div class="md:col-span-3 lg:gap-8 xl:gap-12 flex flex-col">

     

       
10
       
10
       
+
       
        <div class="md:col-span-3 gap-4 md:gap-8 xl:gap-12 flex flex-col">

     

       
11
       
11
       
 
       
            <slot/>

     

       
12
       
12
       
 
       
        </div>

     

       
13
       
13
       
 
       
    </section>