_page_toolbar.html 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <bx_injection:top />
  2. <div id="bx-toolbar" class="bx-header bx-def-z-index-nav fixed top-0 w-full ring-1 ring-gray-300 dark:ring-gray-700 bg-white/95 dark:bg-gray-800/95 backdrop-blur shadow">
  3. <div class="bx-header-cnt __sys_header_width__ mx-auto px-3 md:px-4 lg:px-6 box-border">
  4. <div class="bx-toolbar-content-wrapper">
  5. <div id="bx-toolbar-content" class="bx-toolbar-content relative flex items-center justify-start h-16">
  6. <!-- Mobile: Hamburger -->
  7. <div class="bx-toolbar-item bx-ti-hamburger flex-none items-center lg:hidden mr-4">
  8. <bx_menu:sys_toolbar_site />
  9. </div>
  10. <div class="bx-toolbar-items-group relative flex flex-1 items-center justify-start h-16">
  11. <!-- Logo -->
  12. <div id="bx-logo-container" class="bx-toolbar-item bx-ti-left bx-ti-logo flex-none items-center">
  13. <bx_injection:injection_logo_before />
  14. __main_logo__
  15. <bx_injection:injection_logo_after />
  16. </div>
  17. <!-- Menu -->
  18. <div class="bx-toolbar-item bx-ti-menu flex-2 hidden lg:block w-64 ml-4">
  19. <div id="bx-menu-toolbar-1-container" class="bx-toolbar-item bx-ti-menu w-full">
  20. <bx_menu:sys_site />
  21. </div>
  22. </div>
  23. <!-- Search -->
  24. <div class="bx-toolbar-item bx-ti-search flex-1 lg:flex-none flex items-center justify-end">
  25. <div class="bx-ti-search-box flex-auto flex items-start md:min-w-88 mr-2 bg-white/95 dark:bg-gray-800/95 rounded-md shadow-md hidden">
  26. <div class="relative w-full">__sys_site_search__</div>
  27. </div>
  28. <div class="bx-ti-search-button group relative inline-flex items-center mx-2 text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 text-base font-medium leading-6 border border-transparent hover:border-gray-200/50 active:border-gray-300 dark:hover:border-gray-700/50 dark:active:border-gray-700 bg-gray-100 dark:bg-gray-700/50 active:bg-gray-300 dark:active:bg-black/50 hover:bg-gray-200/50 dark:hover:bg-gray-700/50 rounded-full">
  29. <a href="javascript:void(0)" onclick="javascript:bx_site_search_show(this)">
  30. <span class="relative flex items-center justify-center h-10 w-10">
  31. <div class="bx-icon">
  32. <bx_image_auto:search />
  33. </div>
  34. </span>
  35. </a>
  36. </div>
  37. </div>
  38. </div>
  39. <!-- Members Toolbar -->
  40. <div id="bx-menu-toolbar-2-container" class="bx-toolbar-item bx-ti-right flex-none">
  41. <bx_menu:sys_toolbar_member />
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. </div>