top-bar.html 1.5 KB

12345678910111213141516171819202122232425262728293031
  1. <div
  2. class="z-30 transition-colors top-0"
  3. :class="{ 'bg-transparent bg-none absolute w-full': isLandingPage, 'bg-white border-b border-dotted border-blue-200': !isLandingPage }"
  4. x-data="{ ...Components.popover(false), isLandingPage: {{ default false .isLandingPage }} }"
  5. >
  6. <div
  7. :class="{ 'hidden': isLandingPage }"
  8. class="absolute w-full h-1 bg-gradient-to-r from-blue-300 via-green-300 to-blue-100"
  9. ></div>
  10. {{ partial "announcement-banner" (dict "content" ` 🚨 Announcing
  11. <a href="/blog/2023/04/announcing-vendure-2.0-beta/" class="text-white font-medium underline"
  12. >Vendure v2 Beta<span aria-hidden="true">&rarr;</span></a
  13. >
  14. `) }}
  15. <div class="max-w-screen-2xl mx-auto px-4 py-4 sm:px-6 md:pr-10">
  16. <div class="flex justify-between items-center py-2 md:space-x-10">
  17. <div class="flex justify-start lg:w-0 lg:flex-1">
  18. <a class="logo flex space-x-4 items-center" href="/" title="back to landing page">
  19. <div>
  20. <img class="w-10" src="/logo.png" alt="Vendure logo" />
  21. </div>
  22. <div>
  23. <div class="font-wordmark font-bold text-blue-500 text-3xl mt-0">vendure</div>
  24. <div class="text-gray-500">documentation</div>
  25. </div>
  26. </a>
  27. </div>
  28. <div class="flex text-gray-500"></div>
  29. </div>
  30. </div>
  31. </div>