@repobit/dex-system-design 0.23.70 → 0.23.71

package/CHANGELOG.md

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repobit/dex-system-design",
-  "version": "0.23.70",
+  "version": "0.23.71",
   "description": "Design system based on Web Components.",
   "author": "Iordache Matei Cezar <miordache@bitdefender.com>",
   "homepage": "https://github.com/bitdefender/dex-core#readme",
@@ -72,8 +72,8 @@
     "url": "https://github.com/bitdefender/dex-core/issues"
   },
   "dependencies": {
-    "@repobit/dex-store": "1.3.66",
-    "@repobit/dex-store-elements": "1.4.58",
+    "@repobit/dex-store": "1.3.67",
+    "@repobit/dex-store-elements": "1.4.59",
     "lit": "^3.3.2"
   },
   "devDependencies": {
@@ -90,5 +90,5 @@
   "volta": {
     "node": "24.14.0"
   },
-  "gitHead": "345b65276e5c71e0106f563d644b713645b98221"
+  "gitHead": "b8bacc469b17438b97fb365454579a626a3c2b43"
 }

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

@@ -5,8 +5,6 @@ export default css`
     display: block;
     --background-card-grey: var(--color-neutral-25);
     --border-card-grey: var(--color-neutral-50);
-    padding-top: var(--spacing-64);
-    padding-bottom: var(--spacing-64);
     max-width: 1290px;
     margin: 0 auto;
   }

package/src/components/cards/card.js

@@ -187,15 +187,29 @@ class CardItem extends LitElement {
       clone.style.height    = "auto";
       clone.style.objectFit = "contain";
       clone.style.display   = "block";
+
+      // Aplica si pe img din interior (ex: picture > img)
+      const innerImg = clone.querySelector("img");
+      if (innerImg) {
+        innerImg.style.maxWidth  = "120px";
+        innerImg.style.maxHeight = "120px";
+        innerImg.style.width     = "auto";
+        innerImg.style.height    = "auto";
+        innerImg.style.objectFit = "contain";
+        innerImg.style.display   = "block";
+        innerImg.removeAttribute("width");
+        innerImg.removeAttribute("height");
+      }
+
       return clone;
     }
 
     if (this.icon) {
       return html`<img
-        src="${this.icon}"
-        alt="icon"
-        class="bd-light-icon-s"
-      />`;
+      src="${this.icon}"
+      alt="icon"
+      class="bd-light-icon-s"
+    />`;
     }
 
     return "";