fix: credential service minicard

ForkbombEu · Mar 14, 2024 · 0ad6762 · 0ad6762
1 parent eb37e10
commit 0ad6762
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 9 deletions.
diff --git a/src/components/avatar/avatar.tsx b/src/components/avatar/avatar.tsx
@@ -8,8 +8,8 @@ import { Shape, Size } from '../types';
 })
 export class Avatar {
   @Prop() name?: string;
-  @Prop() size?: Size = 'm';
-  @Prop() shape?: Shape = 'round';
+  @Prop({ reflect: true }) size?: Size = 'm';
+  @Prop({ reflect: true }) shape?: Shape = 'round';
   @Prop({ reflect: true }) src?: string;
 
   @State() error: boolean = false;

diff --git a/src/components/credential-service/d-credential-service.tsx b/src/components/credential-service/d-credential-service.tsx
@@ -16,15 +16,17 @@ export class DCredentialService {
     const content = (
       <div>
         <d-avatar name={this.name} src={this.logoSrc} size="l"></d-avatar>
-        <div class="grow truncate">
-          <span class="name">{this.name}</span>
-          <span class="description">{this.description}</span>
-          <span class="issuer">{this.issuer}</span>
+        <div class="flex flex-col grow">
+          <d-text size="l">{this.name}</d-text>
+          <d-text size="s">{this.description}</d-text>
+          <d-text size="xs">{this.issuer}</d-text>
         </div>
         {this.href && (
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
-            <path d="M3 12L21 12M21 12L12.5 20.5M21 12L12.5 3.5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-          </svg>
+          <div class="shrink-0">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+              <path d="M3 12L21 12M21 12L12.5 20.5M21 12L12.5 3.5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+            </svg>
+          </div>
         )}
       </div>
     );

diff --git a/src/components/credential-service/readme.md b/src/components/credential-service/readme.md
@@ -21,11 +21,13 @@
 ### Depends on
 
 - [d-avatar](../avatar)
+- [d-text](../text)
 
 ### Graph
 ```mermaid
 graph TD;
   d-credential-service --> d-avatar
+  d-credential-service --> d-text
   style d-credential-service fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

diff --git a/src/components/text/readme.md b/src/components/text/readme.md
@@ -17,11 +17,13 @@
 
 ### Used by
 
+ - [d-credential-service](../credential-service)
  - [d-input](../input)
 
 ### Graph
 ```mermaid
 graph TD;
+  d-credential-service --> d-text
   d-input --> d-text
   style d-text fill:#f9f,stroke:#333,stroke-width:4px
 ```