lukeonline

source for my website
git clone https://git.lukeonline.net/repos/lukeonline
Log | Files | Refs | README | LICENSE

LargeButton.astro (483B)

      1 ---
      2 import { BUTTON_STYLING_SHARED } from '../consts.ts'
      3 const { image, title, desc, link } = Astro.props
      4 
      5 const buttonStyling = BUTTON_STYLING_SHARED + ' flex-col '
      6 ---
      7 
      8 <a href={link} class={buttonStyling}>
      9   {
     10     image && (
     11       <img
     12         src={image.link}
     13         alt={image.alt}
     14         class="aspect-4/5 w-full rounded-sm object-cover shadow-sm ring ring-gray-400"
     15       />
     16     )
     17   }
     18   {title && <span class="font-bold">{title}</span>}
     19   {desc && <span>{desc}</span>}
     20 </a>