Commite2295fa

committed

move animation to tailwind

1 parent29e222d commite2295faCopy full SHA for e2295fa

File tree

+13

-27

lines changed

+13

-27

lines changed

Lines changed: 5 additions & 27 deletions

Original file line number	Diff line number	Diff line change
`@@ -480,35 +480,13 @@ const PromptTextarea: FC<PromptTextareaProps> = ({`
`480`	`480`	`/>`
`481`	`481`	`{isSubmitting&&(`
`482`	`482`	`<divclassName="absolute inset-0 pointer-events-none overflow-hidden">`
`483`		`-<divclassName="caret-scanner"/>`
	`483`	`+<div`
	`484`	+className={`absolute top-0 w-0.5 h-full
	`485`	`+bg-green-400/90 animate-caret-scan rounded-sm`
	`486`	+shadow-[-15px_0_15px_rgba(0,255,0,0.9),-30px_0_30px_rgba(0,255,0,0.7),-45px_0_45px_rgba(0,255,0,0.5),-60px_0_60px_rgba(0,255,0,0.3)]`}
	`487`	`+/>`
`484`	`488`	`</div>`
`485`	`489`	`)}`
`486`		-<style>{`
`487`		`-@keyframes caretScan {`
`488`		`-0% {`
`489`		`-left: 0%;`
`490`		`-}`
`491`		`-100% {`
`492`		`-left: 100%;`
`493`		`-}`
`494`		`-}`
`495`		`-`
`496`		`-.caret-scanner {`
`497`		`-position: absolute;`
`498`		`-width: 2px;`
`499`		`-height: 100%;`
`500`		`-top: 0;`
`501`		`-background-color: rgba(0, 255, 0, 0.8);`
`502`		`-border: none;`
`503`		`-animation: caretScan 3s ease-in-out infinite;`
`504`		`-border-radius: 1px;`
`505`		`-box-shadow:`
`506`		`--10px 0 10px rgba(0, 255, 0, 0.8),`
`507`		`--20px 0 20px rgba(0, 255, 0, 0.6),`
`508`		`--30px 0 30px rgba(0, 255, 0, 0.4),`
`509`		`--40px 0 40px rgba(0, 255, 0, 0.2);`
`510`		`-}`
`511`		-`}</style>
`512`	`490`	`</div>`
`513`	`491`	`);`
`514`	`492`	`};`

Lines changed: 8 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -83,6 +83,14 @@ module.exports = {`
`83`	`83`	`"75%":{opacity:0.3},`
`84`	`84`	`"100%":{opacity:0.2},`
`85`	`85`	`},`
	`86`	`+"caret-scan":{`
	`87`	`+"0%":{left:"0%"},`
	`88`	`+"100%":{left:"100%"},`
	`89`	`+},`
	`90`	`+},`
	`91`	`+animation:{`
	`92`	`+loading:"loading 2s ease-in-out infinite alternate",`
	`93`	`+"caret-scan":"caret-scan 3s ease-in-out infinite",`
`86`	`94`	`},`
`87`	`95`	`},`
`88`	`96`	`},`

Comments

(0)