@bbki.ng/ui 0.1.14 → 0.1.16

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @bbki.ng/ui
 
+## 0.1.16
+
+### Patch Changes
+
+- c11fa73: fix layout style
+
+## 0.1.15
+
+### Patch Changes
+
+- 9b6dfe7: fix safaarea style
+
 ## 0.1.14
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/ui",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "Design system component library for bbki.ng",
   "type": "module",
   "sideEffects": [

package/src/molecules/nav/Nav.tsx

@@ -5,7 +5,7 @@ import { Logo } from '../../atoms/logo';
 import { NavProps } from './Nav.types';
 
 export const Nav = (props: NavProps) => {
-  const { paths, loading, mini, className, customLogo } = props;
+  const { paths, loading, mini, className, customLogo, style = {} } = props;
   const nav = useNavigate();
 
   if (mini) {
@@ -17,7 +17,7 @@ export const Nav = (props: NavProps) => {
   }
 
   return (
-    <div className={twMerge('p-2 w-full flex items-center', className)}>
+    <div className={twMerge('p-2 w-full flex items-center', className)} style={style}>
       {customLogo || (
         <Logo className="mr-2 cursor-pointer hover:opacity-80" onClick={() => nav('/')} />
       )}

package/src/molecules/nav/Nav.types.ts

@@ -7,4 +7,5 @@ export interface NavProps {
   mini?: boolean;
   className?: string;
   customLogo?: ReactNode;
+  style?: React.CSSProperties;
 }

package/src/molecules/panel/Panel.tsx

@@ -14,7 +14,7 @@ export const Panel = (props: PanelProps) => {
     <div
       className={twMerge(
         'transition-all ease-in-out duration-500',
-        'p-4 rounded-sm',
+        'p-4',
         show ? 'shadow-[var(--shadow-panel)]' : 'shadow-none',
         className
       )}