centre align, colour stuff and home icons

This commit is contained in:
Anthony Stirling
2023-04-21 23:32:39 +01:00
parent bd1c7a35e2
commit 39c31ef5d9
7 changed files with 52 additions and 487 deletions

View File

@@ -1,6 +1,9 @@
<div th:fragment="card" class="feature-card">
<a th:href="${cardLink}">
<h5 class="card-title text-primary" th:text="${cardTitle}"></h5>
<div class="d-flex align-items-center"> <!-- Add a flex container to align the SVG and title -->
<img th:if="${svgPath}" id="card-icon" class="home-card-icon home-card-icon-colour" th:src="${svgPath}" alt="Your SVG description" width="30" height="30">
<h5 class="card-title text-primary ml-2" th:text="${cardTitle}"></h5> <!-- Add some margin-left (ml-2) for spacing between SVG and title -->
</div>
<p class="card-text" th:text="${cardText}"></p>
</a>
</div>
</div>