card component and card page

CreamLib · Feb 22, 2024 · 8657100 · 8657100
1 parent 82315ff
commit 8657100
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 11 deletions.
diff --git a/projects/ngx-cream-lib/src/lib/card/card.component.css b/projects/ngx-cream-lib/src/lib/card/card.component.css
@@ -9,10 +9,6 @@
     padding: 1rem;
 }
 
-h2 {
-    margin-bottom: 1rem;
-}
-
 a.link-button {
     position: relative;
     display: inline-flex;

diff --git a/projects/ngx-cream-lib/src/lib/card/card.component.html b/projects/ngx-cream-lib/src/lib/card/card.component.html
@@ -3,12 +3,9 @@
         <img [src]="'../../../../../assets/img/' + imageName" alt="">
     </p>
     <div class="card-content">
-    <!-- <c3m-h [titleLevel]="titleLevel">
+    <c3m-h titleLevel="3">
         {{ title }}
-      </c3m-h> -->
-      <h2>
-        {{ title }}
-      </h2>
+      </c3m-h>
         <p><ng-content></ng-content></p>
         <p><a class="link-button" [attr.href]="linkUrl">{{labelButton}}</a></p>
     </div>

diff --git a/projects/ngx-cream-lib/src/lib/card/card.component.ts b/projects/ngx-cream-lib/src/lib/card/card.component.ts
@@ -7,7 +7,7 @@ import { Component, Input } from '@angular/core';
 })
 export class CardComponent {
   @Input() title: string = '';
-  @Input() titleLevel = '3';
+  // @Input() cardtitleLevel = '';
   @Input() imageName = '';
   @Input() linkUrl = "";
   @Input() labelButton = "";

diff --git a/src/app/pages/card-page/card-page.component.html b/src/app/pages/card-page/card-page.component.html
@@ -3,7 +3,7 @@ <h3>Card component</h3>
 
     <c3m-tabs class="block-style" label="Demo and Code">
         <c3m-tab-panel class="block-style" tabTitle="Demo" [isActive]="true">
-            <c3m-card title="Card Title" titleLevel="2" imageName="illu.jpg" linkUrl="portal/card" labelButton="Découvrir">
+            <c3m-card title="Card Title" titleLevel="2" imageName="illu.jpg" linkUrl="portal/card" labelButton="Découvrir" cardtitleLevel="5">
               Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus natus quam maxime. 
               Repellat atque animi consequatur fugiat perferendis dicta cumque maiores minus rem facilis, 
               ex unde quo laborum sunt cupiditate.
@@ -12,7 +12,9 @@ <h3>Card component</h3>
         <c3m-tab-panel class="block-style" tabTitle="Application">
           <pre>
     &lt;c3m-card title=&#34;Card Title&#34;&gt;
+      &lt;c3m-h titleLevel=&#34;titleLevel&#34;&gt; Title &lt;/c3m-h&gt;
       &lt;NG-CONTENT&gt;
+      &lt;a href=&#34;linkUrl&#34;&gt; labelButton &lt;/a&gt;
     &lt;/c3m-card&gt;
           </pre>