feat: add detail page and card component layouts with responsive design
This commit is contained in:
parent
557c84fddd
commit
71ebcd99a6
@ -14,7 +14,7 @@
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="detail-image-container"> <!-- Using the same container as the main image -->
|
||||
<img src="/images/no-cover-available-yet.png" alt="{{ .Title }} - No cover available" class="detail-image"> <!-- Reusing detail-image class -->
|
||||
<img src="/img/no-cover-available-yet.png" alt="{{ .Title }} - No cover available" class="detail-image"> <!-- Reusing detail-image class -->
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
{{ with .Params.image }}
|
||||
<img src="{{ . }}" alt="{{ $.Title }} cover">
|
||||
{{ else }}
|
||||
<img src="/images/no-cover-available-yet.png" alt="{{ $.Title }} - No cover available">
|
||||
<img src="/img/no-cover-available-yet.png" alt="{{ $.Title }} - No cover available">
|
||||
{{ end }}
|
||||
<div class="card-title">{{ .Title }}</div>
|
||||
{{ with .Params.rating }}<div class="card-rating">{{ partial "stars.html" (dict "rating" .) }} {{ . }}</div>{{ end }}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user