Design angepasst

This commit is contained in:
2024-02-13 21:12:40 +01:00
parent e47088a33e
commit e21677311c
+12 -6
View File
@@ -1,13 +1,19 @@
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="card" *ngFor="let link of linkList"> <div class="col" *ngFor="let link of linkList">
<div class="card h-100">
<h4 class="card-header">
{{ link.name }}
</h4>
<a href="{{ link.link }}" target="_blank" class="card-link"> <a href="{{ link.link }}" target="_blank" class="card-link">
<img src="http://10.0.0.104:8055/assets/{{ link.bild }}?access_token={{ apiKey }}&width=200" alt=" {{ link.name }}" style="width:200px" > <img src="http://10.0.0.104:8055/assets/{{ link.bild }}?access_token={{ apiKey }}&width=200" alt=" {{ link.name }}" style="width:100px" >
</a> </a>
<div class="card-body"> <div class="card-body">
<h5 class="card-title"> {{ link.name }} </h5>
<p class="card-text">{{ link.beschreibung }}</p> <p class="card-text">{{ link.beschreibung }}</p>
</div>
<a href="{{ link.link_zu_software }}" target="_blank" class="card-link">Website: {{ link.name }}</a> <div class="card-footer text-body-secondary">
<a href="{{ link.link_zu_software }}" target="_blank" class="btn btn-outline-primary">Website: {{ link.name }}</a>
</div>
</div>
</div> </div>
</div> </div>