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
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:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user