sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

Styling book-card component

Browse Source
This commit is contained in:
Eraldo Hasanaj
2019-01-23 12:38:17 +01:00
parent 8653fe58b1
commit dbafc6b1bf
2 changed files with 31 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/components/book-card/book-card.component.html
View File

@@ -1,3 +1,8 @@
<p>
{{card.cardTitle}}
</p>
<div class="card-container">
<div class="card-title align-left">
<span>{{card.cardTitle}}</span>
</div>
<div class="card-items">
</div>
</div>

23
src/app/components/book-card/book-card.component.scss
View File

@@ -0,0 +1,23 @@
@import "../../../assets/scss/variables";
.card-container {
display: grid;
grid-template-columns: auto;
background-color: white;
padding: 24px;
margin-right: 15px;
margin-left: 3px;
margin-top: 10px;
border-radius: 4px;
}
.card-title span {
font-size: 15px;
font-weight: bold;
color: $color-active;
}
.card-items {
display: grid;
grid-template-columns: auto auto;
}