File tree Expand file tree Collapse file tree 1 file changed +15
-9
lines changed
packages/web-host/src/components Expand file tree Collapse file tree 1 file changed +15
-9
lines changed Original file line number Diff line number Diff line change @@ -14,17 +14,21 @@ export const HomePage = ({ onStartRepl }: HomePageProps) => {
1414 setTargetUrl ( url ) ;
1515 } , [ ] ) ;
1616
17+ const startReplButton = (
18+ < div className = "text-center mb-14" >
19+ < button
20+ type = "button"
21+ onClick = { onStartRepl }
22+ className = "cursor-pointer bg-gradient-to-r from-[var(--color-wasi-violet)] to-[var(--color-wasi-purple)] shadow-lg hover:from-[var(--color-wasi-purple)] hover:to-[var(--color-wasi-violet)] text-white font-bold py-4 px-12 rounded-full text-xl transition-transform duration-300 ease-out transform hover:scale-[1.3] focus:outline-none focus:ring-4 focus:ring-[var(--color-wasi-violet)]/40 animate-[pulse110_2s_ease-in-out_infinite]"
23+ >
24+ ✨ Start REPL ✨
25+ </ button >
26+ </ div >
27+ ) ;
28+
1729 return (
1830 < div className = "container mx-auto px-4 py-12 max-w-4xl" >
19- < div className = "text-center mb-14" >
20- < button
21- type = "button"
22- onClick = { onStartRepl }
23- className = "cursor-pointer bg-gradient-to-r from-[var(--color-wasi-violet)] to-[var(--color-wasi-purple)] shadow-lg hover:from-[var(--color-wasi-purple)] hover:to-[var(--color-wasi-violet)] text-white font-bold py-4 px-12 rounded-full text-xl transition-transform duration-300 ease-out transform hover:scale-[1.3] focus:outline-none focus:ring-4 focus:ring-[var(--color-wasi-violet)]/40 animate-[pulse110_2s_ease-in-out_infinite]"
24- >
25- ✨ Start REPL ✨
26- </ button >
27- </ div >
31+ { startReplButton }
2832
2933 < div className = "bg-white rounded-2xl p-8 border border-[var(--color-wasi-purple)]/20 shadow-lg mb-12" >
3034 < h3 className = "text-2xl font-bold mb-4" > What is it?</ h3 >
@@ -91,6 +95,8 @@ export const HomePage = ({ onStartRepl }: HomePageProps) => {
9195 </ div >
9296 </ div >
9397
98+ { startReplButton }
99+
94100 { targetUrl && (
95101 < div className = "flex flex-col items-center justify-center" >
96102 < div className = "bg-white rounded-2xl p-8 border border-[var(--color-wasi-violet)]/20 shadow-lg" >
You can’t perform that action at this time.
0 commit comments