Move example CSS to basics.css, pretty-print wire response, update sx logo
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 5m9s

- Move .sx-fade-in and .sx-loading-btn CSS from inline (style) tags to
  basics.css so they go through the on-demand CSS registry
- Pretty-print sx source in wire response display (not all on one line)
- Change sx logo from </> icon to (</>) text

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-03 08:45:54 +00:00
parent 002cc49f2c
commit 5dd1161816
3 changed files with 28 additions and 5 deletions

View File

@@ -530,7 +530,6 @@
(defcomp ~anim-result (&key color time)
(div :class "sx-fade-in space-y-2"
(style ".sx-fade-in { animation: sxFadeIn 0.5s ease-out; } @keyframes sxFadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }")
(div :class (str "p-4 rounded transition-colors duration-700 " color)
(p :class "font-medium" "Faded in!")
(p :class "text-sm mt-1" (str "Loaded at " time)))))
@@ -723,7 +722,6 @@
(defcomp ~loading-states-demo ()
(div :class "space-y-4"
(style ".sx-loading-btn.sx-request { opacity: 0.7; pointer-events: none; } .sx-loading-btn.sx-request .sx-spinner { display: inline-block; } .sx-loading-btn .sx-spinner { display: none; }")
(button
:sx-get "/examples/api/slow"
:sx-target "#loading-result"