Ticket #3657 - Application page type: Apps popup.

template/menu_apps.html

@@ -1,6 +1,6 @@
-<div id="__name__" class="z-20 z-50 hidden max-w-sm my-4 overflow-hidden text-base list-none bg-white divide-y divide-gray-100 rounded shadow-lg dark:bg-gray-700 dark:divide-gray-600">
-    <div class="block px-4 py-2 text-base font-medium text-center text-gray-700 bg-gray-50 dark:bg-gray-700 dark:text-gray-400">__title__</div>
-    <div class="grid grid-cols-3 gap-4 p-4">
+<div id="__name__" class="bx-popup bx-popup-box z-20 z-50 max-w-sm my-4 hidden overflow-hidden text-base divide-y divide-gray-100 dark:divide-gray-600 bg-white dark:bg-gray-800 rounded-md shadow">
+    <div class="bx-popup-header block px-4 py-2 text-center text-lg lg:text-xl font-semibold text-gray-800 dark:text-gray-100">__title__</div>
+    <div class="bx-popup-content grid grid-cols-3 gap-4 p-4">
         <bx_repeat:menu_items>
             <a class="block p-4 text-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600" href="__link__" onclick="__onclick__"__attrs__>
                 <div class="w-7 h-7 mx-auto mb-1 text-gray-500 dark:text-gray-400">