CLAUDE: Make runners container background more transparent (bg-white/50)

This commit is contained in:
Cal Corum 2026-02-06 19:45:58 -06:00
parent 2e8c01f154
commit c6cf8e49fb

View File

@ -2,7 +2,7 @@
<!-- TODO: Spruce up the appearance of this component - improve styling, colors, animations, and visual polish --> <!-- TODO: Spruce up the appearance of this component - improve styling, colors, animations, and visual polish -->
<div v-if="hasRunners" class="runners-on-base-container"> <div v-if="hasRunners" class="runners-on-base-container">
<!-- Split Layout: Runners List | Catcher Card --> <!-- Split Layout: Runners List | Catcher Card -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-0 bg-white rounded-lg shadow-md overflow-hidden"> <div class="grid grid-cols-1 md:grid-cols-2 gap-0 bg-white/50 rounded-lg shadow-md overflow-hidden">
<!-- LEFT: Runners List (with expandable cards) --> <!-- LEFT: Runners List (with expandable cards) -->
<div class="border-r border-gray-200 p-4"> <div class="border-r border-gray-200 p-4">
<h3 class="text-xs font-semibold text-gray-500 mb-3 uppercase tracking-wide"> <h3 class="text-xs font-semibold text-gray-500 mb-3 uppercase tracking-wide">
@ -40,7 +40,7 @@
</div> </div>
<!-- RIGHT: Catcher Card --> <!-- RIGHT: Catcher Card -->
<div class="p-4 bg-gray-50"> <div class="p-4 bg-gray-50/30">
<h3 class="text-xs font-semibold text-gray-500 mb-3 uppercase tracking-wide"> <h3 class="text-xs font-semibold text-gray-500 mb-3 uppercase tracking-wide">
Catcher Catcher
</h3> </h3>