feat(dividing): sticky

templates/modules/header.html

@@ -5,7 +5,9 @@
         <img class="icon" th:if="${not #strings.isEmpty(theme.config.basic.logo)}" th:src="${theme.config.basic.logo}" alt="Logo" />
         <div class="text"  th:if="${not #strings.isEmpty(theme.config.basic.title)}" th:text="${theme.config.basic.title}"></div>
       </a>
-      <div class="dividing"></div>
+      <div class="header__center" x-data="headerDividing()">
+        <div class="dividing" :class="{ 'sticky': isSticky }"></div>
+      </div>
       <button
         type="button"
         class="button"
@@ -47,7 +49,7 @@
     </div>
     <nav class="menu">
       <ul th:if="${menu != null} and ${not #lists.isEmpty(menu.menuItems)}" class="menu__inner">
-        <li th:each="menuItem : ${menu.menuItems}" x-data="menu()" @mouseenter="handleToggleMenu()" @mouseleave="handleToggleMenu()">
+        <li th:each="menuItem : ${menu.menuItems}" x-data="headerMenu()" @mouseenter="handleToggleMenu()" @mouseleave="handleToggleMenu()">
           <a
             class="text-gray-600 hover:text-blue-600"
             th:href="${menuItem.status.href}"