mirror of
https://github.com/pacnpal/thrillwiki_django_no_react.git
synced 2025-12-20 10:31:09 -05:00
Updates the container width in the UI to fix display issues. Replit-Commit-Author: Agent Replit-Commit-Session-Id: c537be14-ffc2-48de-88ef-2bdd9e6ae15a Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/c537be14-ffc2-48de-88ef-2bdd9e6ae15a/OEYCULv
55 lines
3.6 KiB
Plaintext
55 lines
3.6 KiB
Plaintext
<div class="flex gap-8">
|
|
<!-- Left Column -->
|
|
<div class="flex-1 space-y-4 min-w-0">
|
|
<a href="/parks/" class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group" @click="open = false">
|
|
<i class="fas fa-map-marker-alt w-4 h-4 mt-0.5 text-muted-foreground group-hover:text-foreground flex-shrink-0"></i>
|
|
<div class="min-w-0 flex-1">
|
|
<h3 class="font-medium text-sm mb-1 leading-tight">Parks</h3>
|
|
<p class="text-xs text-muted-foreground leading-relaxed">Explore theme parks worldwide</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="/rides/manufacturers/" class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group" @click="open = false">
|
|
<i class="fas fa-wrench w-4 h-4 mt-0.5 text-muted-foreground group-hover:text-foreground flex-shrink-0"></i>
|
|
<div class="min-w-0 flex-1">
|
|
<h3 class="font-medium text-sm mb-1 leading-tight">Manufacturers</h3>
|
|
<p class="text-xs text-muted-foreground leading-relaxed">Ride and attraction manufacturers</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="/parks/operators/" class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group" @click="open = false">
|
|
<i class="fas fa-users w-4 h-4 mt-0.5 text-muted-foreground group-hover:text-foreground flex-shrink-0"></i>
|
|
<div class="min-w-0 flex-1">
|
|
<h3 class="font-medium text-sm mb-1 leading-tight">Operators</h3>
|
|
<p class="text-xs text-muted-foreground leading-relaxed">Theme park operating companies</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Right Column -->
|
|
<div class="flex-1 space-y-4 min-w-0">
|
|
<a href="/rides/" class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group" @click="open = false">
|
|
<i class="fas fa-rocket w-4 h-4 mt-0.5 text-muted-foreground group-hover:text-foreground flex-shrink-0"></i>
|
|
<div class="min-w-0 flex-1">
|
|
<h3 class="font-medium text-sm mb-1 leading-tight">Rides</h3>
|
|
<p class="text-xs text-muted-foreground leading-relaxed">Discover rides and attractions</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="/rides/designers/" class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group" @click="open = false">
|
|
<i class="fas fa-drafting-compass w-4 h-4 mt-0.5 text-muted-foreground group-hover:text-foreground flex-shrink-0"></i>
|
|
<div class="min-w-0 flex-1">
|
|
<h3 class="font-medium text-sm mb-1 leading-tight">Designers</h3>
|
|
<p class="text-xs text-muted-foreground leading-relaxed">Ride designers and architects</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="#" class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group" @click="open = false">
|
|
<i class="fas fa-trophy w-4 h-4 mt-0.5 text-muted-foreground group-hover:text-foreground flex-shrink-0"></i>
|
|
<div class="min-w-0 flex-1">
|
|
<h3 class="font-medium text-sm mb-1 leading-tight">Top Lists</h3>
|
|
<p class="text-xs text-muted-foreground leading-relaxed">Community rankings and favorites</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div> |