Move AC shield next to initiative and refine shield style
Place AC between initiative and name to group static reference stats on the left, leaving HP as the sole dynamic element on the right. Dim the shield outline to 40% opacity so it recedes visually, and nudge the number up 2px toward the visual center. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -24,12 +24,12 @@ export function AcShield({ value, onClick, className }: AcShieldProps) {
|
||||
strokeWidth={1.5}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
className="absolute inset-0 h-full w-full"
|
||||
className="absolute inset-0 h-full w-full opacity-40"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<path d="M14 1.5 L2.5 6.5 L2.5 15 Q2.5 25 14 30.5 Q25.5 25 25.5 15 L25.5 6.5 Z" />
|
||||
</svg>
|
||||
<span className="relative font-medium text-xs leading-none">
|
||||
<span className="relative -mt-0.5 font-medium text-xs leading-none">
|
||||
{value == null ? "\u2014" : String(value)}
|
||||
</span>
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user