page-header.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. {% assign page-header = page.page-header | default: layout.page-header %}
  2. {% assign description = page.page-header-description | default: layout.page-header-description %}
  3. {% assign actions = page.page-header-actions | default: layout.page-header-actions %}
  4. {% assign pretitle = page.page-header-pretitle | default: layout.page-header-pretitle %}
  5. {% assign class = page.page-header-class | default: layout.page-header-class %}
  6. {% assign icon = page.page-header-icon | default: layout.page-header-icon %}
  7. {% if page.page-header-file %}
  8. {% include layout/headers/{{ page.page-header-file }}.html %}
  9. {% elsif page-header %}
  10. <!-- Page header -->
  11. <div class="page-header{% if class %} {{ class }}{% endif %} d-print-none{% if page.layout-navbar-overlap and page.layout-navbar-dark %} text-white{% endif %}">
  12. <div class="container-xl">
  13. <div class="row g-2 align-items-center">
  14. <div class="col">
  15. {% if pretitle %}
  16. <!-- Page pre-title -->
  17. <div class="page-pretitle">
  18. {{ pretitle }}
  19. </div>
  20. {% endif %}
  21. <h2 class="page-title">
  22. {% if icon %}
  23. {% include ui/icon.html icon=icon %}
  24. {% endif %}
  25. {{ page-header }}
  26. </h2>
  27. {% if description %}
  28. <div class="text-secondary mt-1">{{ description }}</div>
  29. {% endif %}
  30. </div>
  31. {% if actions %}
  32. <!-- Page title actions -->
  33. <div class="col-auto ms-auto d-print-none">
  34. {% include layout/header-actions/{{ actions }}.html %}
  35. </div>
  36. {% endif %}
  37. </div>
  38. </div>
  39. </div>
  40. {% endif %}