ai-generated junk tool for migrating atproto identities in-browser

[cleanup] make loading prompt look nice and add link to source code

Changed files
+34 -1
src
components
styles
+9 -1
src/components/Footer.tsx
··· 12 12 > 13 13 <strong>@noob.quest</strong> 14 14 </a>{' '} 15 - with hate 💔 15 + with hate 💔 | 16 + <a 17 + href="https://tangled.sh/@noob.quest/atproto-migrator/" 18 + target="_blank" 19 + rel="noopener noreferrer" 20 + className="footer-link" 21 + > 22 + <strong> source code</strong> 23 + </a> 16 24 </footer> 17 25 ); 18 26 }
+25
src/styles/App.css
··· 368 368 display: flex; 369 369 align-items: center; 370 370 justify-content: center; 371 + min-height: 100vh; 372 + padding: 1rem; 371 373 } 372 374 373 375 .loading-text { 374 376 font-size: 1.25rem; 375 377 color: var(--text-color); 378 + background-color: var(--white); 379 + padding: 1.5rem 2rem; 380 + border-radius: 0.5rem; 381 + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 382 + display: flex; 383 + align-items: center; 384 + gap: 0.75rem; 385 + } 386 + 387 + .loading-text::before { 388 + content: ""; 389 + width: 1.5rem; 390 + height: 1.5rem; 391 + border: 2px solid var(--primary-color); 392 + border-right-color: transparent; 393 + border-radius: 50%; 394 + animation: spin 1s linear infinite; 395 + } 396 + 397 + @keyframes spin { 398 + to { 399 + transform: rotate(360deg); 400 + } 376 401 } 377 402 378 403 /* Footer styles */