@bexis2/bexis2-core-ui 0.2.3 → 0.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "private": false,
   "scripts": {
     "dev": "vite dev",

package/src/lib/components/page/Docs.svelte

@@ -30,7 +30,7 @@ const noteSettings: PopupSettings = {
  <span><Fa icon={faQuestion}/></span>
 </span>
 
-<div class="card p-4 variant-filled-primary w-60 z-50" data-popup="noteTarget">
+<div class="card p-4 variant-filled-primary w-60 z-50 text-left shadow-md" data-popup="noteTarget">
 	{note}
 </div>
 {/if}

package/src/lib/components/page/Page.svelte

@@ -8,7 +8,7 @@
   import Menu from './menu/Menu.svelte'
   import Footer from './Footer.svelte'
   import Header from './Header.svelte'
-  import Help from "./Help.svelte";
+  import HelpPopUp from "./HelpPopUp.svelte";
   import Breadcrumb from './breadcrumb/Breadcrumb.svelte';
 
   //popup
@@ -72,21 +72,21 @@
   <slot name="description" />
 
 
- <div class="grid grid-cols-9 content-end space-x-3">
-
+ <div class="flex flex-initial space-x-3">
+  
   {#if $$slots.left}
-  <div class="grid col-span-2 border-y border-solid border-surface-500">
+  <div class="flex-shrink-0 w-96 w-min-96  border-y border-solid border-surface-500">
     <slot name="left" />
   </div>
   {/if}
-    
-  <div class="col-start-3 col-end-8 space-y-5 py-3 max-w-screen-md min-w-screen-md border-y border-solid border-surface-500">
+
+  <div class="space-y-5 py-3 border-y border-solid border-surface-500">
      <slot/>
   </div>
 
 
   {#if $$slots.right}
-  <div class="grid col-span-2  border-y border-solid border-surface-500">
+  <div class="flex-shrink-0 w-96  border-y border-solid border-surface-500">
     <slot name="right"/> 
   </div> 
   {/if}
@@ -96,7 +96,7 @@
 
 
 
-  <Help active={help}/>
+  <HelpPopUp active={help}/>