commit 2abccbc774ce9c04fff397cb28ea956db846a9e4 · banana.tngl.sh/mywebsite-2026

+14

src/components/Tag.astro

···

       1
       +
       ---

     

       2
       +
       interface Props {

     

       3
       +
           text: string

     

       4
       +
           color: string

     

       5
       +
       }

     

       6
       +
       

     

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

     

       8
       +
       const bgColorCss = "var(" + color + "-950)"

     

       9
       +
       const borderColorCss = "var(" + color + "-800)"

     

       10
       +
       ---

     

       11
       +
       <span class="p-0.5 pl-2 pr-2 border text-xs rounded-full scale-95 font-extrabold" 

     

       12
       +
           style={`background:${bgColorCss};border-color:${borderColorCss};`}>

     

       13
       +
           {text}

     

       14
       +
       </span>

+1 -1

src/pages/index.astro

···

       8
        
       <Layout>

     

       9
        
           <section class="h-[50%] grid-cols-5 grid p-24 pt-48 gap-16">

     

       10
        
               <Profile/>

     

       11
       -
               <div class="col-span-3 gap-16 flex flex-col">

     

       12
        
                   <Contributions/>

     

       13
        
                   <Pinned/>

     

       14
        
               </div>

···

       8
        
       <Layout>

     

       9
        
           <section class="h-[50%] grid-cols-5 grid p-24 pt-48 gap-16">

     

       10
        
               <Profile/>

     

       11
       +
               <div class="col-span-3 gap-12 flex flex-col">

     

       12
        
                   <Contributions/>

     

       13
        
                   <Pinned/>

     

       14
        
               </div>