@repobit/dex-system-design 0.23.78 → 0.23.80

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.23.80](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.23.79...@repobit/dex-system-design@0.23.80) (2026-07-14)
+
+### Bug Fixes
+
+* **DEX-1014:** card adjustments
+
+
+## [0.23.79](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.23.78...@repobit/dex-system-design@0.23.79) (2026-07-14)
+
+### Bug Fixes
+
+* **DEX-1014:** card adjustments
+
+
 ## [0.23.78](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.23.77...@repobit/dex-system-design@0.23.78) (2026-07-14)
 
 ### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repobit/dex-system-design",
-  "version": "0.23.78",
+  "version": "0.23.80",
   "description": "Design system based on Web Components.",
   "author": "Iordache Matei Cezar <miordache@bitdefender.com>",
   "homepage": "https://github.com/bitdefender/dex-core#readme",
@@ -74,8 +74,8 @@
     "url": "https://github.com/bitdefender/dex-core/issues"
   },
   "dependencies": {
-    "@repobit/dex-store": "1.3.74",
-    "@repobit/dex-store-elements": "1.4.66",
+    "@repobit/dex-store": "1.3.76",
+    "@repobit/dex-store-elements": "1.4.68",
     "lit": "^3.3.2"
   },
   "devDependencies": {
@@ -92,5 +92,5 @@
   "volta": {
     "node": "24.14.0"
   },
-  "gitHead": "b6ee4174f9c6d8cdfaf5813ec40600836a6357b8"
+  "gitHead": "79cd4a5a8cdccbaaeae68b1627b6e28287f0a1d2"
 }

package/src/components/cards/card.css.js

@@ -220,9 +220,9 @@ export default css`
   }
 
   @media (max-width: 1024px) {
-    .bd-light-box-s {
-      padding: 1.5em;
-    }
+    // .bd-light-box-s {
+    //   padding: 1.5em;
+    // }
 
     .bd-light-box-s h3 {
       font-size: 1.1em;
@@ -261,7 +261,7 @@ export default css`
   @media (max-width: 480px) {
     .bd-light-box-s {
       width: 100%;
-      padding: 1em;
+      // padding: 1em;
     }
 
     .bd-light-box-s h3 {

package/src/components/cards/card.js

@@ -34,7 +34,6 @@ class Card extends LitElement {
     const items = Array.from(this.querySelectorAll("bd-card-item"));
     if (!items.length) return;
 
-    // Pe mobile — reset la dimensiuni naturale
     if (window.innerWidth <= 768) {
       items.forEach(item => {
         const box      = item.renderRoot?.querySelector(".bd-light-box-s");
@@ -42,15 +41,34 @@ class Card extends LitElement {
         const titleW   = item.renderRoot?.querySelector(".bd-light-title-badge-wrapper-s");
         const contentW = item.renderRoot?.querySelector(".bd-card-content-wrapper");
 
-        if (box)      { box.style.height = ""; box.style.minHeight = ""; box.style.width = ""; box.style.minWidth = ""; }
+        if (box)      { box.style.height = ""; box.style.minHeight = ""; box.style.width = "auto"; }
         if (iconW)    { iconW.style.height = ""; }
         if (titleW)   { titleW.style.height = ""; }
         if (contentW) { contentW.style.height = ""; }
       });
+
+      requestAnimationFrame(() => {
+        let maxW = 0;
+        items.forEach(item => {
+          const box = item.renderRoot?.querySelector(".bd-light-box-s");
+          if (!box) return;
+          const rect = box.getBoundingClientRect();
+          if (rect.width > maxW) maxW = rect.width;
+        });
+
+        if (maxW > 0) {
+          items.forEach(item => {
+            const box = item.renderRoot?.querySelector(".bd-light-box-s");
+            if (box) {
+              box.style.width    = `${maxW}px`;
+              box.style.minWidth = `${maxW}px`;
+            }
+          });
+        }
+      });
+
       return;
     }
-
-    // Reset toate
     items.forEach(item => {
       const box      = item.renderRoot?.querySelector(".bd-light-box-s");
       const iconW    = item.renderRoot?.querySelector(".bd-light-box-header-s");