pacnpal/thrillwiki_django_no_react
1
1
Fork 0
mirror of https://github.com/pacnpal/thrillwiki_django_no_react.git synced 2025-12-20 09:11:08 -05:00
Code Issues Packages Projects Releases Wiki Activity

Improve card display by adjusting height for better visibility

Browse Source 
Remove fixed height attribute from park and ride card components in templates/home.html to resolve potential rendering issues.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 0bdea3fb-49ea-4863-b501-fa6f5af0cbf0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/0bdea3fb-49ea-4863-b501-fa6f5af0cbf0/gnWxH6v
This commit is contained in:
pac7
2025-09-22 15:08:23 +00:00
parent b8891fc65f
commit 789d5db37a
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
templates/home.html
View File

@@ -72,7 +72,7 @@
</h2> </h2>
<div class="space-y-4"> <div class="space-y-4">
{% for park in popular_parks %} {% for park in popular_parks %}
<c-park_card :park="park" view_mode="grid" class="h-48" /> <c-park_card :park="park" view_mode="grid" />
{% empty %} {% empty %}
<div class="flex flex-col items-center justify-center h-48 p-8 text-center bg-gray-50 rounded-lg dark:bg-gray-800/50"> <div class="flex flex-col items-center justify-center h-48 p-8 text-center bg-gray-50 rounded-lg dark:bg-gray-800/50">
<div class="mb-4 text-4xl">🎢</div> <div class="mb-4 text-4xl">🎢</div>
@@ -90,7 +90,7 @@
</h2> </h2>
<div class="space-y-4"> <div class="space-y-4">
{% for ride in popular_rides %} {% for ride in popular_rides %}
<c-ride_card :ride="ride" class="h-48" url_variant="park" /> <c-ride_card :ride="ride" url_variant="park" />
{% empty %} {% empty %}
<div class="flex flex-col items-center justify-center h-48 p-8 text-center bg-gray-50 rounded-lg dark:bg-gray-800/50"> <div class="flex flex-col items-center justify-center h-48 p-8 text-center bg-gray-50 rounded-lg dark:bg-gray-800/50">
<div class="mb-4 text-4xl">🎠</div> <div class="mb-4 text-4xl">🎠</div>
@@ -110,10 +110,10 @@
{% for item in highest_rated %} {% for item in highest_rated %}
{% if item.park %} {% if item.park %}
<!-- This is a ride --> <!-- This is a ride -->
<c-ride_card :ride="item" class="h-48" url_variant="park" /> <c-ride_card :ride="item" url_variant="park" />
{% else %} {% else %}
<!-- This is a park --> <!-- This is a park -->
<c-park_card :park="item" view_mode="grid" class="h-48" /> <c-park_card :park="item" view_mode="grid" />
{% endif %} {% endif %}
{% empty %} {% empty %}
<div class="flex flex-col items-center justify-center h-48 p-8 text-center bg-gray-50 rounded-lg dark:bg-gray-800/50"> <div class="flex flex-col items-center justify-center h-48 p-8 text-center bg-gray-50 rounded-lg dark:bg-gray-800/50">