in it to win it

1 files changed, 11 insertions, 4 deletions

diff --git a/src/client/views/collections/CollectionCardDeckView.tsx b/src/client/views/collections/CollectionCardDeckView.tsx
index 60befebec..907a5a343 100644
--- a/src/client/views/collections/CollectionCardDeckView.tsx
+++ b/src/client/views/collections/CollectionCardDeckView.tsx
@@ -613,9 +613,11 @@ export class CollectionCardView extends CollectionSubView() {
         const isEmpty = this.childDocsWithoutLinks.length === 0;
         const isDesc = BoolCast(this.Document.cardSort_isDesc)
 
+        console.log(this.childDocsWithoutLinks.length + "length")
+
         if (isEmpty) {
             return (
-                <span className="no-card-span" style={{ width: `100%` }}>
+                <span className="no-card-span" style={{ width: ` ${this._props.PanelWidth()}px`, height: ` ${this._props.PanelHeight()}px` }}>
                     Sorry ! There are no cards in this group
                 </span>
             );
@@ -676,6 +678,10 @@ export class CollectionCardView extends CollectionSubView() {
     };
 
     render() {
+        const isEmpty = this.childDocsWithoutLinks.length === 0;
+        const transformValue = `scale(${1 / this.fitContentScale})`;
+        const heightValue = `${100 * this.fitContentScale}%`;
+    
         return (
             <div
                 onPointerMove={e => this.onPointerMove(e)}
@@ -688,9 +694,9 @@ export class CollectionCardView extends CollectionSubView() {
                 <div
                     className="card-wrapper"
                     style={{
-                        transform: ` scale(${1 / this.fitContentScale})`,
-                        height: `${100 * this.fitContentScale}%`,
-                        gridAutoRows: `${100/this.numRows}%`
+                        ...(!isEmpty && { transform: transformValue }),
+                        ...(!isEmpty && { height: heightValue }),
+                        gridAutoRows: `${100 / this.numRows}%`
                     }}
                     onMouseLeave={() => this.setHoveredNodeIndex(-1)}>
                     {this.renderCards()}
@@ -698,4 +704,5 @@ export class CollectionCardView extends CollectionSubView() {
             </div>
         );
     }
+    
 }