Unified · Split
| @@ -205,7 +205,11 @@ const screenshot = await getImage({ · 204 unmodified lines | ||
| 205 | 205 | <!-- ── Git ──────────────────────────────────────────────────── --> |
| 206 | 206 | <section id="git" class="sec-git"> |
| 207 | 207 | <div class="container git-inner"> |
| 208 | − <div class="git-visual"> | |
| 208 | + <div | |
| 209 | + class="git-visual" | |
| 210 | + role="img" | |
| 211 | + aria-label="Illustration of the T3 Code Git workflow: review a diff, commit and push changes, and open a pull request." | |
| 212 | + > | |
| 209 | 213 | <div class="pr-card tile"> |
| 210 | 214 | <div class="pr-head"> |
| 211 | 215 | <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="6" r="2.2"/><circle cx="6" cy="18" r="2.2"/><circle cx="18" cy="6" r="2.2"/><path d="M6 8v8M18 8v5a3 3 0 01-3 3h-3M13 13l-2 3 2 3"/></svg> |
| @@ -223,11 +227,11 @@ const screenshot = await getImage({ · 11 unmodified lines | ||
| 223 | 227 | <div><code>apps/marketing/public/hero.css</code> <span>+120 −36</span></div> |
| 224 | 228 | </div> |
| 225 | 229 | <div class="pr-foot"> |
| 226 | − <button class="btn btn-ghost" style="font-size:12px;padding:6px 10px">View diff</button> | |
| 227 | − <button class="btn btn-primary" style="font-size:12px;padding:6px 12px"> | |
| 230 | + <span class="btn btn-ghost" style="font-size:12px;padding:6px 10px">View diff</span> | |
| 231 | + <span class="btn btn-primary" style="font-size:12px;padding:6px 12px"> | |
| 228 | 232 | <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 .5C5.65.5.5 5.65.5 12a11.5 11.5 0 007.86 10.93c.58.1.79-.25.79-.56v-2c-3.2.69-3.88-1.37-3.88-1.37-.52-1.33-1.27-1.69-1.27-1.69-1.04-.71.08-.7.08-.7 1.15.08 1.76 1.18 1.76 1.18 1.02 1.76 2.68 1.25 3.33.96.1-.75.4-1.25.72-1.54-2.55-.29-5.24-1.27-5.24-5.67 0-1.25.45-2.28 1.18-3.08-.12-.29-.51-1.45.11-3.02 0 0 .96-.31 3.15 1.18a10.96 10.96 0 015.74 0c2.19-1.49 3.15-1.18 3.15-1.18.62 1.57.23 2.73.11 3.02.74.8 1.18 1.83 1.18 3.08 0 4.41-2.7 5.38-5.27 5.66.41.36.78 1.06.78 2.13v3.16c0 .31.21.67.8.56A11.5 11.5 0 0023.5 12C23.5 5.65 18.35.5 12 .5z"/></svg> |
| 229 | 233 | Open pull request |
| 230 | − </button> | |
| 234 | + </span> | |
| 231 | 235 | </div> |
| 232 | 236 | </div> |
| 233 | 237 | <div class="pr-trail"> |
| @@ -236,11 +240,11 @@ const screenshot = await getImage({ · 2 unmodified lines | ||
| 236 | 240 | <div class="pr-trail-dot"></div> |
| 237 | 241 | </div> |
| 238 | 242 | <div class="pr-button-shell"> |
| 239 | − <button class="pr-button"> | |
| 243 | + <span class="pr-button"> | |
| 240 | 244 | <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="6" r="2.2"/><circle cx="6" cy="18" r="2.2"/><circle cx="18" cy="6" r="2.2"/><path d="M6 8v8M18 8v5a3 3 0 01-3 3h-3M13 13l-2 3 2 3"/></svg> |
| 241 | 245 | Commit & push |
| 242 | 246 | <span id="pr-button-kbd" class="pr-button-kbd">⌘⏎</span> |
| 243 | − </button> | |
| 247 | + </span> | |
| 244 | 248 | </div> |
| 245 | 249 | </div> |
| 246 | 250 | |
| @@ -902,6 +906,11 @@ const screenshot = await getImage({ · 655 unmodified lines | ||
| 902 | 906 | align-items: stretch; gap: 20px; |
| 903 | 907 | } |
| 904 | 908 | |
| 909 | + .git-visual .btn { | |
| 910 | + line-height: normal; | |
| 911 | + pointer-events: none; | |
| 912 | + } | |
| 913 | + | |
| 905 | 914 | .pr-card { padding: 20px; } |
| 906 | 915 | .pr-head { |
| 907 | 916 | display: flex; align-items: center; gap: 10px; |
| @@ -955,6 +964,7 @@ const screenshot = await getImage({ · 47 unmodified lines | ||
| 955 | 964 | padding: 12px 20px; |
| 956 | 965 | background: var(--fg); color: #09090b; |
| 957 | 966 | font-weight: 600; font-size: 13px; |
| 967 | + line-height: normal; | |
| 958 | 968 | border-radius: 10px; |
| 959 | 969 | box-shadow: 0 8px 24px -8px rgba(255, 255, 255, 0.2); |
| 960 | 970 | } |