Added dummy content and deployment things
This commit is contained in:
11
src/components/card/card.css
Normal file
11
src/components/card/card.css
Normal file
@@ -0,0 +1,11 @@
|
||||
:host {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:host(.card) {
|
||||
display: block;
|
||||
padding: 1.2rem;
|
||||
border: 1px solid #30363d;
|
||||
border-radius: 14px;
|
||||
background: #161b22;
|
||||
}
|
||||
2
src/components/card/card.html
Normal file
2
src/components/card/card.html
Normal file
@@ -0,0 +1,2 @@
|
||||
<ng-content></ng-content>
|
||||
|
||||
19
src/components/card/card.ts
Normal file
19
src/components/card/card.ts
Normal file
@@ -0,0 +1,19 @@
|
||||
import { Component, Input } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-card',
|
||||
imports: [],
|
||||
templateUrl: './card.html',
|
||||
styleUrl: './card.css',
|
||||
host: {
|
||||
'[class]': 'hostClassName',
|
||||
},
|
||||
})
|
||||
export class CardComponent {
|
||||
@Input() cardClass = '';
|
||||
|
||||
get hostClassName(): string {
|
||||
return this.cardClass ? `card ${this.cardClass}` : 'card';
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user