fix: center text vertically in skills-hub card boxes

This commit is contained in:
MinaSaad1 2026-04-02 16:36:52 +02:00
parent 91293bdfd0
commit a788175862

View file

@ -25,50 +25,50 @@
<!-- Skill 1: DAX -->
<rect x="30" y="125" width="100" height="44" rx="8" fill="#161b22" stroke="#58a6ff" stroke-width="1.5"/>
<text x="80" y="148" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#58a6ff" text-anchor="middle" font-weight="bold">DAX</text>
<text x="80" y="163" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Queries</text>
<text x="80" y="144" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#58a6ff" text-anchor="middle" font-weight="bold">DAX</text>
<text x="80" y="160" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Queries</text>
<text x="80" y="190" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Execute &amp;</text>
<text x="80" y="203" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Validate</text>
<!-- Skill 2: Modeling -->
<rect x="145" y="125" width="100" height="44" rx="8" fill="#161b22" stroke="#F2C811" stroke-width="1.5"/>
<text x="195" y="148" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#F2C811" text-anchor="middle" font-weight="bold">Modeling</text>
<text x="195" y="163" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Tables</text>
<text x="195" y="144" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#F2C811" text-anchor="middle" font-weight="bold">Modeling</text>
<text x="195" y="160" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Tables</text>
<text x="195" y="190" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Tables &amp;</text>
<text x="195" y="203" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Relationships</text>
<!-- Skill 3: Deployment -->
<rect x="260" y="125" width="100" height="44" rx="8" fill="#161b22" stroke="#7b61ff" stroke-width="1.5"/>
<text x="310" y="148" font-family="'Segoe UI', Arial, sans-serif" font-size="13" fill="#7b61ff" text-anchor="middle" font-weight="bold">Deployment</text>
<text x="310" y="163" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">TMDL</text>
<text x="310" y="144" font-family="'Segoe UI', Arial, sans-serif" font-size="13" fill="#7b61ff" text-anchor="middle" font-weight="bold">Deployment</text>
<text x="310" y="160" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">TMDL</text>
<text x="310" y="190" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Export, Diff</text>
<text x="310" y="203" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">&amp; Transactions</text>
<!-- Skill 4: Security -->
<rect x="375" y="125" width="100" height="44" rx="8" fill="#161b22" stroke="#06d6a0" stroke-width="1.5"/>
<text x="425" y="148" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#06d6a0" text-anchor="middle" font-weight="bold">Security</text>
<text x="425" y="163" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">RLS</text>
<text x="425" y="144" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#06d6a0" text-anchor="middle" font-weight="bold">Security</text>
<text x="425" y="160" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">RLS</text>
<text x="425" y="190" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Roles &amp;</text>
<text x="425" y="203" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Perspectives</text>
<!-- Skill 5: Docs -->
<rect x="490" y="125" width="100" height="44" rx="8" fill="#161b22" stroke="#ff6b6b" stroke-width="1.5"/>
<text x="540" y="148" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#ff6b6b" text-anchor="middle" font-weight="bold">Docs</text>
<text x="540" y="163" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Dictionary</text>
<text x="540" y="144" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#ff6b6b" text-anchor="middle" font-weight="bold">Docs</text>
<text x="540" y="160" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Dictionary</text>
<text x="540" y="190" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Data</text>
<text x="540" y="203" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Dictionary</text>
<!-- Skill 6: Partitions -->
<rect x="605" y="125" width="100" height="44" rx="8" fill="#161b22" stroke="#a0c4ff" stroke-width="1.5"/>
<text x="655" y="148" font-family="'Segoe UI', Arial, sans-serif" font-size="13" fill="#a0c4ff" text-anchor="middle" font-weight="bold">Partitions</text>
<text x="655" y="163" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Sources</text>
<text x="655" y="144" font-family="'Segoe UI', Arial, sans-serif" font-size="13" fill="#a0c4ff" text-anchor="middle" font-weight="bold">Partitions</text>
<text x="655" y="160" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Sources</text>
<text x="655" y="190" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">M Queries</text>
<text x="655" y="203" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">&amp; Expressions</text>
<!-- Skill 7: Diagnostics -->
<rect x="720" y="125" width="100" height="44" rx="8" fill="#161b22" stroke="#ffd166" stroke-width="1.5"/>
<text x="770" y="148" font-family="'Segoe UI', Arial, sans-serif" font-size="12" fill="#ffd166" text-anchor="middle" font-weight="bold">Diagnostics</text>
<text x="770" y="163" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Tracing</text>
<text x="770" y="144" font-family="'Segoe UI', Arial, sans-serif" font-size="12" fill="#ffd166" text-anchor="middle" font-weight="bold">Diagnostics</text>
<text x="770" y="160" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Tracing</text>
<text x="770" y="190" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Tracing &amp;</text>
<text x="770" y="203" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Health Check</text>
@ -87,36 +87,36 @@
<!-- Skill 8: Report -->
<rect x="41" y="272" width="140" height="44" rx="8" fill="#161b22" stroke="#06d6a0" stroke-width="1.5"/>
<text x="111" y="295" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#06d6a0" text-anchor="middle" font-weight="bold">Report</text>
<text x="111" y="310" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Scaffold &amp; Validate</text>
<text x="111" y="290" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#06d6a0" text-anchor="middle" font-weight="bold">Report</text>
<text x="111" y="306" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Scaffold &amp; Validate</text>
<text x="111" y="336" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Create, validate,</text>
<text x="111" y="349" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">preview reports</text>
<!-- Skill 9: Visuals -->
<rect x="198" y="272" width="140" height="44" rx="8" fill="#161b22" stroke="#d97757" stroke-width="1.5"/>
<text x="268" y="295" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#d97757" text-anchor="middle" font-weight="bold">Visuals</text>
<text x="268" y="310" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">32 Types</text>
<text x="268" y="290" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#d97757" text-anchor="middle" font-weight="bold">Visuals</text>
<text x="268" y="306" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">32 Types</text>
<text x="268" y="336" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Add, bind, bulk-</text>
<text x="268" y="349" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">manage visuals</text>
<!-- Skill 10: Pages -->
<rect x="355" y="272" width="140" height="44" rx="8" fill="#161b22" stroke="#58a6ff" stroke-width="1.5"/>
<text x="425" y="295" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#58a6ff" text-anchor="middle" font-weight="bold">Pages</text>
<text x="425" y="310" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Layout &amp; Navigation</text>
<text x="425" y="290" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#58a6ff" text-anchor="middle" font-weight="bold">Pages</text>
<text x="425" y="306" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Layout &amp; Navigation</text>
<text x="425" y="336" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Pages, bookmarks,</text>
<text x="425" y="349" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">drillthrough</text>
<!-- Skill 11: Themes -->
<rect x="512" y="272" width="140" height="44" rx="8" fill="#161b22" stroke="#F2C811" stroke-width="1.5"/>
<text x="582" y="295" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#F2C811" text-anchor="middle" font-weight="bold">Themes</text>
<text x="582" y="310" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Styling</text>
<text x="582" y="290" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#F2C811" text-anchor="middle" font-weight="bold">Themes</text>
<text x="582" y="306" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">Styling</text>
<text x="582" y="336" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Branding &amp;</text>
<text x="582" y="349" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">formatting rules</text>
<!-- Skill 12: Filters -->
<rect x="669" y="272" width="140" height="44" rx="8" fill="#161b22" stroke="#ff6b6b" stroke-width="1.5"/>
<text x="739" y="295" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#ff6b6b" text-anchor="middle" font-weight="bold">Filters</text>
<text x="739" y="310" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">TopN &amp; Date</text>
<text x="739" y="290" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#ff6b6b" text-anchor="middle" font-weight="bold">Filters</text>
<text x="739" y="306" font-family="'Segoe UI', Arial, sans-serif" font-size="10" fill="#8b949e" text-anchor="middle">TopN &amp; Date</text>
<text x="739" y="336" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">Page &amp; visual</text>
<text x="739" y="349" font-family="'Segoe UI', Arial, sans-serif" font-size="11" fill="#8b949e" text-anchor="middle">filters</text>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB