recipes

The recipes and recipe books used in our family
git clone git://archive.git.mtrnord.blog/MTRNord/recipes.git
Log | Files | Refs | README | LICENSE

infobox.astro (842B)

      1 ---
      2 const { info } = Astro.props;
      3 const { title, text } = info;
      4 ---
      5 
      6 <div
      7     class="flex p-4 mb-4 text-sm text-blue-800 rounded-lg bg-blue-50 dark:bg-gray-800 dark:text-blue-400"
      8     role="alert"
      9 >
     10     <svg
     11         class="flex-shrink-0 inline w-4 h-4 me-3 mt-[2px]"
     12         aria-hidden="true"
     13         xmlns="http://www.w3.org/2000/svg"
     14         fill="currentColor"
     15         viewBox="0 0 20 20"
     16     >
     17         <path
     18             d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"
     19         ></path>
     20     </svg>
     21     <span class="sr-only">Tipp</span>
     22     <div>
     23         {title && <span class="font-medium mb-1.5">{title}</span>}
     24         <p class="text-black dark:text-white">
     25             {text}
     26         </p>
     27     </div>
     28 </div>