Card updates

src/layout/card/content/NitroCardContentView.scss

@@ -1,7 +1,6 @@
 .content-area {
     padding-top: $container-padding-x;
     padding-bottom: $container-padding-x;
-    resize: vertical;
     overflow: auto;
 
     &.simple {

src/layout/card/content/NitroCardContentView.tsx

@@ -4,11 +4,11 @@ import { NitroCardContentViewProps } from './NitroCardContextView.types';
 
 export const NitroCardContentView: FC<NitroCardContentViewProps> = props =>
 {
-    const { className = null, children = null } = props;
+    const { children = null, className = '', ...rest } = props;
     const { simple = false } = useNitroCardContext();
     
     return (
-        <div className={ `container-fluid bg-light content-area ${ (simple ? 'simple' : '') } ${ className || '' }` }>
+        <div className={ `container-fluid bg-light content-area ${ (simple ? 'simple' : '') } ${ className || '' }` } { ...rest }>
             { children }
         </div>
     );

src/layout/card/content/NitroCardContextView.types.ts

@@ -1,4 +1,5 @@
-export interface NitroCardContentViewProps
+import { DetailsHTMLAttributes } from 'react';
-{
+
-    className?: string;
+
-}
+export interface NitroCardContentViewProps extends DetailsHTMLAttributes<HTMLDivElement>
+{}

src/views/catalog/CatalogView.scss

@@ -4,6 +4,7 @@
     .content-area {
         min-height: 350px;
         height: 350px;
+        resize: vertical;
     }
 
     font[size="16"] {

src/views/inventory/InventoryView.scss

@@ -4,6 +4,7 @@
     .content-area {
         min-height: 240px;
         height: 240px;
+        resize: vertical;
     }
 
     .empty-image {

src/views/navigator/NavigatorView.scss

@@ -4,6 +4,7 @@
     .content-area {
         min-height: 400px;
         height: 400px;
+        resize: vertical;
     }
 }