-backdrop"></div>
        <ul class="flex gap-3 items-center flex-gap-adjust main-menu" id="main-menu">
          <li class="close-btn">
            <button id="close-menu"><i class="ri-close-line"></i></button>
          </li>
          <li th:each="menuItem : ${menu.menuItems}" class="navli dropdown">
            <a th:href="@{${menuItem.status.href}}" th:text="${menuItem.status.displayName}" th:target="${menuItem.spec.target?.value}"></a>
            <ul class="dropdown-content" th:if="${not #lists.isEmp