Ticket #3399 - Splash, Page layours, Social Auth, etc.

modules/boonex/artificer/classes/BxArtificerModule.php

@@ -38,6 +38,10 @@ class BxArtificerModule extends BxBaseModTemplateModule
         $sResult = '';
 
         switch($sName) {
+            case 'header':
+                $sResult = $this->_oTemplate->getHeader();
+                break;
+
             case 'members':
                 $sResult = '0';
                 if($aMembers = BxDolAccountQuery::getInstance()->getAccounts(['type' => 'confirmed']))

modules/boonex/artificer/classes/BxArtificerTemplate.php

@@ -34,6 +34,11 @@ class BxArtificerTemplate extends BxBaseModGeneralTemplate
 
         return $sCss;
     }
+
+    public function getHeader()
+    {
+        return $this->parseHtmlByName('header.html', []);
+    }
 }
 
 /** @} */

modules/boonex/artificer/data/template/system/_sub_header.html

@@ -8,7 +8,7 @@
             <div class="bx-toolbar-content-wrapper">
                 <div id="bx-toolbar-content" class="bx-toolbar-content relative flex items-center justify-start h-16">
                     <!-- Mobile: Hamburger -->
-                    <div class="flex-none items-center lg:hidden mr-6">
+                    <div class="flex-none items-center lg:hidden mr-3">
                         <bx_menu:sys_toolbar_site />
                     </div>
 
@@ -26,7 +26,7 @@
                     </div>
                     <!-- Search -->
                     <div class="bx-toolbar-item bx-ti-search flex flex-grow flex-shrink items-center justify-end ml-6 w-32">
-                        <div class="flex items-start w-full">
+                        <div class="flex items-start w-full hidden md:block">
                             <div class="relative w-full">__sys_site_search__</div>
                         </div>
                     </div>

modules/boonex/artificer/data/template/system/auth.html

@@ -0,0 +1,10 @@
+<div class="sys-auth-block __class_container__ flex flex-wrap justify-between -mx-1">
+    <bx_repeat:buttons>
+        <div class="sys-auth __class__ flex w-1/2 mb-2">
+            <a class="bx-btn flex items-center w-full mx-1" href="__href__"
+                <bx_if:show_onclick> onclick="__onclick__"</bx_if:show_onclick> title="__title_alt__">
+                <bx_if:show_icon><i class="sys-icon __icon__ sys-colored"></i></bx_if:show_icon><bx_if:show_title><u>__title__</u></bx_if:show_title>
+            </a>
+        </div>
+    </bx_repeat:buttons>
+</div>

modules/boonex/artificer/data/template/system/css/auth.css

@@ -0,0 +1,18 @@
+/*--
+import url(../../../../../../../template/css/auth.css);
+--*/
+
+.sys-auth-block.sys-auth-compact-container {
+    -webkit-justify-content:flex-start;
+    justify-content:flex-start;
+    margin-left: 0;
+}
+
+.sys-auth.sys-auth-compact {
+    width: auto;
+}
+
+.sys-auth.sys-auth-compact .bx-btn {
+    margin-left: 0;
+    margin-right: 0;
+}

modules/boonex/artificer/data/template/system/layout_bar_left.html

@@ -1,13 +1,13 @@
 <!-- layout bar left [ start ] -->
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-bar-left">
-    <div class="bx-layout-row flex">
-        <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin w-1/3">
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-1">
+    <div class="bx-layout-row flex flex-col md:flex-row">
+        <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin max-w-full md:w-1/3">
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-1">
                 __cell_1__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-bar-left-content bx-layout-column-wide w-2/3">
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-2">
+        <div class="bx-layout-col bx-layout-bar-left-content bx-layout-column-wide max-w-full md:w-2/3">
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-2">
                 __cell_2__
             </div>
         </div>

modules/boonex/artificer/data/template/system/layout_bar_right.html

@@ -1,13 +1,13 @@
 <!-- layout bar right [ start ] -->
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-bar-right">
-    <div class="bx-layout-row flex">
-        <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide w-2/3">
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-1">
+    <div class="bx-layout-row flex flex-col md:flex-row">
+        <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide max-w-full md:w-2/3">
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-1">
                 __cell_1__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-bar-right-bar bx-layout-column-thin w-1/3">
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-2">
+        <div class="bx-layout-col bx-layout-bar-right-bar bx-layout-column-thin max-w-full md:w-1/3">
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-2">
                 __cell_2__
             </div>
         </div>

modules/boonex/artificer/data/template/system/layout_bottom_area_2_columns.html

@@ -1,13 +1,13 @@
 <!-- layout top area 2 columns [ start ] -->
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-bottom-area-2-columns">
-    <div class="bx-layout-row flex">
-        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half w-1/2">
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-2">
+    <div class="bx-layout-row flex flex-col md:flex-row">
+        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half max-w-full md:w-1/2">
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
                 __cell_2__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half w-1/2">
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-3">
+        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half max-w-full md:w-1/2">
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
                 __cell_3__
             </div>
         </div>

modules/boonex/artificer/data/template/system/layout_top_area_2_columns.html

@@ -1,14 +1,14 @@
 <!-- layout top area 2 columns [ start ] -->
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-2-columns">
     <bx_include_auto:_row_1_column.html />
-    <div class="bx-layout-row flex">
-        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half w-1/2">
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-2">
+    <div class="bx-layout-row flex flex-col md:flex-row">
+        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half max-w-full md:w-1/2">
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
                 __cell_2__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half w-1/2">
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-3">
+        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half max-w-full md:w-1/2">
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
                 __cell_3__
             </div>
         </div>

modules/boonex/artificer/data/template/system/layout_top_area_3_columns.html

@@ -1,19 +1,19 @@
 <!-- layout top area 3 columns [ start ] -->
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-3-columns">
     <bx_include_auto:_row_1_column.html />
-    <div class="bx-layout-row flex">
-        <div class="bx-layout-col bx-layout-3-columns-column1 bx-layout-column-thin w-1/3">
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-2">
+    <div class="bx-layout-row flex flex-col md:flex-row">
+        <div class="bx-layout-col bx-layout-3-columns-column1 bx-layout-column-thin max-w-full md:w-1/3">
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
                 __cell_2__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-3-columns-column2 bx-layout-column-thin w-1/3">
-            <div class="bx-layout-cell px-2 lg:px-3" id="bx-layout-cell-3">
+        <div class="bx-layout-col bx-layout-3-columns-column2 bx-layout-column-thin max-w-full md:w-1/3">
+            <div class="bx-layout-cell md:px-2 lg:px-3" id="bx-layout-cell-3">
                 __cell_3__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-3-columns-column3 bx-layout-column-thin w-1/3">
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-4">
+        <div class="bx-layout-col bx-layout-3-columns-column3 bx-layout-column-thin max-w-full md:w-1/3">
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-4">
                 __cell_4__
             </div>
         </div>

modules/boonex/artificer/data/template/system/layout_top_area_bar_content_bar.html

@@ -1,19 +1,19 @@
 <!-- layout top area bar content bar (bcb) [ start ] -->
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-bcb">
     <bx_include_auto:_row_1_column.html />
-    <div class="bx-layout-row flex">
-        <div class="bx-layout-col bx-layout-bcb-bar1 bx-layout-column-thin w-1/4">
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-2">
+    <div class="bx-layout-row flex flex-col md:flex-row">
+        <div class="bx-layout-col bx-layout-bcb-bar1 bx-layout-column-thin max-w-full md:w-1/4">
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
                 __cell_2__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-bcb-content bx-layout-column-half w-1/2">
-            <div class="bx-layout-cell px-2 lg:px-3" id="bx-layout-cell-3">
+        <div class="bx-layout-col bx-layout-bcb-content bx-layout-column-half max-w-full md:w-1/2">
+            <div class="bx-layout-cell md:px-2 lg:px-3" id="bx-layout-cell-3">
                 __cell_3__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-bcb-bar2 bx-layout-column-thin w-1/4">
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-4">
+        <div class="bx-layout-col bx-layout-bcb-bar2 bx-layout-column-thin max-w-full md:w-1/4">
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-4">
                 __cell_4__
             </div>
         </div>

modules/boonex/artificer/data/template/system/layout_top_area_bar_left.html

@@ -1,14 +1,14 @@
 <!-- layout top area bar left [ start ] -->
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-bar-left">
     <bx_include_auto:_row_1_column.html />
-    <div class="bx-layout-row flex">
-        <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin w-1/3">
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-2">
+    <div class="bx-layout-row flex flex-col md:flex-row">
+        <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin max-w-full md:w-1/3">
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
                 __cell_2__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-bar-left-content bx-layout-column-wide w-2/3">
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-3">
+        <div class="bx-layout-col bx-layout-bar-left-content bx-layout-column-wide max-w-full md:w-2/3">
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
                 __cell_3__
             </div>
         </div>

modules/boonex/artificer/data/template/system/layout_top_area_bar_right.html

@@ -1,14 +1,14 @@
 <!-- layout top area bar right [ start ] -->
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-bar-right">
     <bx_include_auto:_row_1_column.html />
-    <div class="bx-layout-row flex">
-        <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide w-2/3">
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-2">
+    <div class="bx-layout-row flex flex-col md:flex-row">
+        <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide relative max-w-full md:w-2/3">
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
                 __cell_2__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-bar-right-bar bx-layout-column-thin w-1/3">
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-3">
+        <div class="bx-layout-col bx-layout-bar-right-bar bx-layout-column-thin relative max-w-full md:w-1/3">
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
                 __cell_3__
             </div>
         </div>

modules/boonex/artificer/data/template/system/layout_topbottom_area_2_columns.html

@@ -1,14 +1,14 @@
 <!-- layout top area 2 columns [ start ] -->
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-2-columns">
     <bx_include_auto:_row_1_column.html />
-    <div class="bx-layout-row flex">
-        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half w-1/2">
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-2">
+    <div class="bx-layout-row flex flex-col md:flex-row">
+        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half max-w-full md:w-1/2">
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
                 __cell_2__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half w-1/2">
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-3">
+        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half max-w-full md:w-1/2">
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
                 __cell_3__
             </div>
         </div>

modules/boonex/artificer/data/template/system/layout_topbottom_area_bar_left.html

@@ -1,14 +1,14 @@
 <!-- layout top & bottom areas bar left [ start ] -->
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-bar-left">
     <bx_include_auto:_row_1_column.html />
-    <div class="bx-layout-row flex">
-        <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin w-1/3">
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-2">
+    <div class="bx-layout-row flex flex-col md:flex-row">
+        <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin max-w-full md:w-1/3">
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
                 __cell_2__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-bar-left-content bx-layout-column-wide w-2/3">
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-3">
+        <div class="bx-layout-col bx-layout-bar-left-content bx-layout-column-wide max-w-full md:w-2/3">
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
                 __cell_3__
             </div>
         </div>

modules/boonex/artificer/data/template/system/layout_topbottom_area_bar_right.html

@@ -1,14 +1,14 @@
 <!-- layout top & bottom areas bar right [ start ] -->
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-bar-right">
     <bx_include_auto:_row_1_column.html />
-    <div class="bx-layout-row flex">
-        <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide w-2/3">
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-2">
+    <div class="bx-layout-row flex sm:flex-col md:flex-row">
+        <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide max-w-full md:w-2/3">
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
                 __cell_2__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-bar-right-bar bx-layout-column-thin w-1/3">
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-3">
+        <div class="bx-layout-col bx-layout-bar-right-bar bx-layout-column-thin max-w-full md:w-1/3">
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
                 __cell_3__
             </div>
         </div>

modules/boonex/artificer/data/template/system/layout_topbottom_area_col1_col3_col2.html

@@ -1,19 +1,19 @@
 <!-- layout top & bottom areas with 3 columns (1:3:2) [ start ] -->
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-col1-col3-col2">
     <bx_include_auto:_row_1_column.html />
-    <div class="bx-layout-row flex">
-        <div class="bx-layout-col bx-layout-col1-col3-col2-column1 bx-layout-column-thin w-1/6">
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-2">
+    <div class="bx-layout-row flex flex-col md:flex-row">
+        <div class="bx-layout-col bx-layout-col1-col3-col2-column1 bx-layout-column-thin max-w-full md:w-1/6">
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
                 __cell_2__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-col1-col3-col2-column2 bx-layout-column-half w-3/6">
-            <div class="bx-layout-cell px-2 lg:px-3" id="bx-layout-cell-3">
+        <div class="bx-layout-col bx-layout-col1-col3-col2-column2 bx-layout-column-half max-w-full md:w-3/6">
+            <div class="bx-layout-cell md:px-2 lg:px-3" id="bx-layout-cell-3">
                 __cell_3__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-col1-col3-col2-column3 bx-layout-column-thin w-2/6">
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-4">
+        <div class="bx-layout-col bx-layout-col1-col3-col2-column3 bx-layout-column-thin max-w-full md:w-2/6">
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-4">
                 __cell_4__
             </div>
         </div>

modules/boonex/artificer/data/template/system/layout_topbottom_area_col1_col5.html

@@ -1,14 +1,14 @@
 <!-- layout top & bottom areas with 2 columns (1:5) [ start ] -->
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-col1-col5">
     <bx_include_auto:_row_1_column.html />
-    <div class="bx-layout-row flex">
-        <div class="bx-layout-col bx-layout-col1-col5-column1 bx-layout-column-thin w-1/6">
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-2">
+    <div class="bx-layout-row flex flex-col md:flex-row">
+        <div class="bx-layout-col bx-layout-col1-col5-column1 bx-layout-column-thin max-w-full md:w-1/6">
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
                 __cell_2__
             </div>
         </div>
-        <div class="bx-layout-col bx-layout-col1-col5-column2 bx-layout-column-wide w-5/6">
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-3">
+        <div class="bx-layout-col bx-layout-col1-col5-column2 bx-layout-column-wide max-w-full md:w-5/6">
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
                 __cell_3__
             </div>
         </div>

modules/boonex/artificer/data/template/system/menu_toolbar.html

@@ -1,4 +1,4 @@
-<ul class="bx-menu-toolbar bx-menu-object-__object__ flex items-center pr-2 sm:pr-0">
+<ul class="bx-menu-toolbar bx-menu-object-__object__ flex items-center pr-0 md:pr-2">
     <bx_repeat:menu_items>
         <li id="bx-menu-toolbar-item-__name__" class="bx-menu-toolbar-item bx-menu-item-__name__ group relative inline-flex items-center ml-3 first:ml-0 p-1.5 text-gray-500 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100 border border-transparent rounded-full  bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 __class_add__">
             <a href="__link__" onclick="__onclick__" class=""__attrs__><bx_if:icon><span class="relative block h-5 w-5 flex items-center justify-center"><i class="sys-icon __icon__"></i></bx_if:icon><bx_if:icon-a><i class="sys-icon-a" data-rotate="down" data-icon="__icon-a__" data-color="#fff"></i></bx_if:icon-a><bx_if:image><img class="" src="__icon_url__" /></bx_if:image><bx_if:unit><div class="bx-menu-toolbar-item-unit">__unit__</div></bx_if:unit><bx_if:addon>__addonf__</bx_if:addon><bx_if:title><span class="bx-menu-toolbar-item-title sr-only">__title__</span></bx_if:title></a>

modules/boonex/artificer/data/template/system/scripts/BxTemplFormView.php

@@ -29,7 +29,7 @@ class BxTemplFormView extends BxBaseFormView
         if(!isset($aAttrs['class']))
             $aAttrs['class'] = '';
 
-        $aAttrs['class'] .= 'relative block w-full py-1.5 border border-gray-300 dark:border-gray-700 rounded-md leading-5 bg-white dark:bg-gray-900 placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-2 focus:text-gray-900 dark:focus:text-gray-100 focus:ring-blue-500 focus:border-opacity-70 focus:ring-opacity-20 focus:border-blue-500 text-sm text-gray-700 dark:text-gray-300';
+        $aAttrs['class'] .= 'relative block w-full py-2 pl-3 pr-8 border border-gray-300 dark:border-gray-700 rounded-md shadow-sm bg-white dark:bg-gray-900 placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-2 focus:text-gray-900 dark:focus:text-gray-100 focus:ring-blue-500 focus:border-opacity-70 focus:ring-opacity-20 focus:border-blue-500 text-sm text-gray-700 dark:text-gray-300';
 
         return $aAttrs;
     }
@@ -85,8 +85,8 @@ class BxTemplFormView extends BxBaseFormView
         if(!isset($aAttrs['class']))
             $aAttrs['class'] = '';
 
-        $aAttrs['class'] .= ' block w-full pl-3 pr-3 py-1.5 border border-gray-300 dark:border-gray-700 rounded-md leading-5 bg-white dark:bg-gray-900 placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-2 focus:text-gray-900 dark:focus:text-gray-100 focus:ring-blue-500 focus:border-opacity-70 focus:ring-opacity-20 focus:border-blue-500 text-sm text-gray-700 dark:text-gray-300';
-
+        $aAttrs['class'] .= ' block w-full py-2 px-3 border border-gray-300 dark:border-gray-700 rounded-md shadow-sm bg-white dark:bg-gray-900 placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-2 focus:text-gray-900 dark:focus:text-gray-100 focus:ring-blue-500 focus:border-opacity-70 focus:ring-opacity-20 focus:border-blue-500 text-sm text-gray-700 dark:text-gray-300';
+ 
         return $aAttrs;
     }
 
@@ -95,7 +95,7 @@ class BxTemplFormView extends BxBaseFormView
         if(!isset($aAttrs['class']))
             $aAttrs['class'] = '';
 
-        $aAttrs['class'] .= ' block pl-3 pr-3 py-1.5 border border-gray-300 dark:border-gray-700 rounded-md leading-5 bg-white dark:bg-gray-900 placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-2 focus:text-gray-900 dark:focus:text-gray-100 focus:ring-blue-500 focus:border-opacity-70 focus:ring-opacity-20 focus:border-blue-500 text-sm text-gray-700 dark:text-gray-300';
+        $aAttrs['class'] .= ' block py-2 px-3 border border-gray-300 dark:border-gray-700 rounded-md shadow-sm bg-white dark:bg-gray-900 placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-2 focus:text-gray-900 dark:focus:text-gray-100 focus:ring-blue-500 focus:border-opacity-70 focus:ring-opacity-20 focus:border-blue-500 text-sm text-gray-700 dark:text-gray-300';
 
         return $aAttrs;
     }

modules/boonex/artificer/template/css/tailwind.css

@@ -22,6 +22,7 @@
         @apply text-gray-700 dark:text-gray-500 text-opacity-60;
     }
 
+
     /* Common elements: Buttons */
     .bx-btn {
         @apply group relative inline-flex justify-center items-center px-4 py-2 border border-gray-300 dark:border-gray-700 shadow-sm hover:shadow-md text-sm font-medium rounded-md text-gray-700 dark:text-gray-300 dark:hover:text-white hover:text-gray-800 whitespace-nowrap bg-white dark:bg-gray-800 dark:hover:bg-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500;
@@ -71,7 +72,14 @@
     .bx-btn.bx-btn-small {
         @apply py-1 text-xs;
     }
-    
+
+
+    /* Common elements: Forms */
+    form .bx-form-element a {
+        @apply font-normal text-blue-600 hover:text-blue-700 dark:text-blue-500 dark:hover:text-blue-600;
+    }
+
+
     /* Common elements: Menus */
     /* Horizontal menu */
     .bx-menu-hor li.bx-menu-tab-active a,
@@ -82,7 +90,8 @@
     .bx-menu-custom-hor.bx-menu-object-sys_create_post li.bx-menu-tab-active a {
         @apply rounded ring-1 ring-gray-200 dark:ring-gray-800;
     }
-    
+
+
     /* Vertical menu in Popup */
     .bx-popup .bx-menu-ver > li:hover {
         @apply group hover:text-gray-900 dark:hover:text-gray-100;
@@ -97,7 +106,8 @@
         @apply border-blue-500 text-gray-900 dark:text-gray-100;
     }
 
-    /* Timeline */
+
+    /* Modules: Timeline */
     .bx-menu-custom-hor.bx-menu-object-bx_timeline_menu_view li.bx-menu-tab-active a {
         @apply rounded ring-1 ring-gray-200 dark:ring-gray-800;
     }

modules/boonex/artificer/template/header.html

@@ -0,0 +1,35 @@
+<div id="bx-toolbar" class="bx-header bx-def-z-index-nav bg-white dark:bg-gray-800 shadow-sm">
+    <div class="bx-header-cnt bx-def-page-width mx-auto px-3 md:px-4 lg:px-6 box-border">
+        <div class="bx-toolbar-content-wrapper">
+            <div id="bx-toolbar-content" class="bx-toolbar-content relative flex items-center justify-start h-16">
+                <!-- Mobile: Hamburger -->
+                <div class="flex-none items-center lg:hidden mr-3">
+                    <bx_menu:sys_toolbar_site />
+                </div>
+
+                <!-- Logo -->
+                <div id="bx-logo-container" class="bx-toolbar-item bx-ti-left bx-ti-logo flex-none items-center">
+                    <bx_injection:injection_logo_before />
+                    __main_logo__
+                    <bx_injection:injection_logo_after />
+                </div>
+                <!-- Menu -->
+                <div class="bx-toolbar-item bx-ti-menu flex-1 hidden lg:block w-64 ml-6 overflow-hidden">
+                    <div id="bx-menu-toolbar-1-container" class="bx-toolbar-item bx-ti-menu w-full">
+                        <bx_menu:sys_site />
+                    </div>
+                </div>
+                <!-- Search -->
+                <div class="bx-toolbar-item bx-ti-search flex flex-grow flex-shrink items-center justify-end ml-6 w-32">
+                    <div class="flex items-start w-full hidden md:block">
+                        <div class="relative w-full">__sys_site_search__</div>
+                    </div>
+                </div>
+                <!-- Members Toolbar -->
+                <div id="bx-menu-toolbar-2-container" class="bx-toolbar-item bx-ti-right flex-none ml-4">
+                    <bx_menu:sys_toolbar_member />
+                </div>
+            </div>
+        </div>
+    </div>
+</div>