@bbki.ng/ui 0.1.11 → 0.1.12

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @bbki.ng/ui
 
+## 0.1.12
+
+### Patch Changes
+
+- 22ba590: fix grid layout
+
 ## 0.1.11
 
 ### Patch Changes

package/package.json

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

package/src/layout/grid/Grid.tsx

@@ -53,14 +53,14 @@ export const Grid: React.FC<GridProps> = ({
       <div
         className={twMerge(
           'grid w-full h-full',
-          'grid-cols-1 md:grid-cols-3',
+          'grid-cols-1 xl:grid-cols-3',
           gapMap[gap],
           className
         )}
       >
-        {leftAside && <div className="hidden lg:block h-full overflow-auto">{leftAside}</div>}
+        {leftAside && <div className="hidden xl:block h-full overflow-auto">{leftAside}</div>}
         <div className="h-full overflow-auto px-4">{children}</div>
-        {rightAside && <div className="hidden lg:block h-full overflow-auto">{rightAside}</div>}
+        {rightAside && <div className="hidden xl:block h-full overflow-auto">{rightAside}</div>}
       </div>
     );
   }

package/src/styles.css

@@ -78,6 +78,10 @@
     color: var(--color-foreground);
     font-family: var(--font-sans);
   }
+
+  *::selection {
+    background-color: var(--color-muted);
+  }
 }
 
 /* Custom animations */