fix(components): styling adjustment to cards web component (#2198)

Teradata · Jul 22, 2024 · fdab895 · fdab895
1 parent a2a4cc7
commit fdab895
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/libs/components/src/card/card-base.ts b/libs/components/src/card/card-base.ts
@@ -49,10 +49,14 @@ export class CardBase extends LitElement {
             </div>
           `
         : ''}
-      <div class="mdc-card__primary-action">
-        <slot></slot>
-        ${this.interactive ? html`<div class="mdc-card__ripple"></div>` : ''}
-      </div>
+      ${this.interactive
+        ? html`
+            <div class="mdc-card__primary-action">
+              <slot></slot>
+              <div class="mdc-card__ripple"></div>
+            </div>
+          `
+        : html`<slot></slot>`}
       ${this.actionBar
         ? html`
             <div class="mdc-card__actions">