fix: extend card height so skill badges sit inside the border

This commit is contained in:
MinaSaad1 2026-04-02 16:57:29 +02:00
parent 45303c68f2
commit 26d6fd645b

View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="850" height="420" viewBox="0 0 850 420">
<svg xmlns="http://www.w3.org/2000/svg" width="850" height="440" viewBox="0 0 850 440">
<defs>
<linearGradient id="dl-glow" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#F2C811" stop-opacity="0"/>
@ -32,7 +32,7 @@
<rect x="60" y="110" width="730" height="1" fill="url(#dl-glow)"/>
<!-- ============ LEFT: Semantic Model Layer ============ -->
<rect x="25" y="125" width="390" height="250" rx="10" fill="#161b22" stroke="#58a6ff" stroke-width="1.5"/>
<rect x="25" y="125" width="390" height="270" rx="10" fill="#161b22" stroke="#58a6ff" stroke-width="1.5"/>
<!-- Layer header -->
<text x="220" y="149" font-family="'Segoe UI', Arial, sans-serif" font-size="15" fill="#58a6ff" text-anchor="middle" font-weight="bold">Semantic Model Layer</text>
@ -59,11 +59,11 @@
<text x="67" y="332" font-family="'Courier New', Courier, monospace" font-size="12" fill="#e6edf3">pbi relationship create</text>
<!-- 7 skills badge -->
<rect x="160" y="354" width="120" height="24" rx="12" fill="#58a6ff" fill-opacity="0.1" stroke="#58a6ff" stroke-width="1"/>
<text x="220" y="370" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#58a6ff" text-anchor="middle" font-weight="600">7 Claude Skills</text>
<rect x="160" y="360" width="120" height="24" rx="12" fill="#58a6ff" fill-opacity="0.1" stroke="#58a6ff" stroke-width="1"/>
<text x="220" y="376" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#58a6ff" text-anchor="middle" font-weight="600">7 Claude Skills</text>
<!-- ============ RIGHT: Report Layer ============ -->
<rect x="435" y="125" width="390" height="250" rx="10" fill="#161b22" stroke="#06d6a0" stroke-width="1.5"/>
<rect x="435" y="125" width="390" height="270" rx="10" fill="#161b22" stroke="#06d6a0" stroke-width="1.5"/>
<!-- Layer header -->
<text x="600" y="149" font-family="'Segoe UI', Arial, sans-serif" font-size="15" fill="#06d6a0" text-anchor="middle" font-weight="bold">Report Layer</text>
@ -96,9 +96,9 @@
<text x="477" y="332" font-family="'Courier New', Courier, monospace" font-size="12" fill="#e6edf3">pbi report set-theme</text>
<!-- 5 skills badge -->
<rect x="570" y="354" width="120" height="24" rx="12" fill="#06d6a0" fill-opacity="0.1" stroke="#06d6a0" stroke-width="1"/>
<text x="630" y="370" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#06d6a0" text-anchor="middle" font-weight="600">5 Claude Skills</text>
<rect x="570" y="360" width="120" height="24" rx="12" fill="#06d6a0" fill-opacity="0.1" stroke="#06d6a0" stroke-width="1"/>
<text x="630" y="376" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#06d6a0" text-anchor="middle" font-weight="600">5 Claude Skills</text>
<!-- ============ Footer stats ============ -->
<text x="425" y="412" font-family="'Segoe UI', Arial, sans-serif" font-size="13" fill="#8b949e" text-anchor="middle">27 command groups | 125+ subcommands | 32 visual types | 12 Claude skills</text>
<text x="425" y="425" font-family="'Segoe UI', Arial, sans-serif" font-size="13" fill="#8b949e" text-anchor="middle">27 command groups | 125+ subcommands | 32 visual types | 12 Claude skills</text>
</svg>

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 6.8 KiB