CLAUDE: Increase transparency of runners container (bg-white/20) for more subtle appearance
This commit is contained in:
parent
c6cf8e49fb
commit
45098955f1
@ -2,9 +2,9 @@
|
||||
<!-- TODO: Spruce up the appearance of this component - improve styling, colors, animations, and visual polish -->
|
||||
<div v-if="hasRunners" class="runners-on-base-container">
|
||||
<!-- Split Layout: Runners List | Catcher Card -->
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-0 bg-white/50 rounded-lg shadow-md overflow-hidden">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-0 bg-white/20 rounded-lg shadow-md overflow-hidden">
|
||||
<!-- LEFT: Runners List (with expandable cards) -->
|
||||
<div class="border-r border-gray-200 p-4">
|
||||
<div class="border-r border-gray-200/50 p-4">
|
||||
<h3 class="text-xs font-semibold text-gray-500 mb-3 uppercase tracking-wide">
|
||||
Runners on Base
|
||||
</h3>
|
||||
@ -40,7 +40,7 @@
|
||||
</div>
|
||||
|
||||
<!-- RIGHT: Catcher Card -->
|
||||
<div class="p-4 bg-gray-50/30">
|
||||
<div class="p-4 bg-gray-50/10">
|
||||
<h3 class="text-xs font-semibold text-gray-500 mb-3 uppercase tracking-wide">
|
||||
Catcher
|
||||
</h3>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user