jyapayne/dify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Feature/add emoji to webapp (#345)

Browse source
This commit is contained in:
crazywoola 2023-06-13 14:54:12 +08:00 • committed by GitHub
commit 433f8cb57e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 100 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

4
web/app/components/base/loading/index.tsx
View file

@ -1,11 +1,11 @@
import React from 'react'
import './style.css'
interface ILoadingProps {
type ILoadingProps = {
type?: 'area' | 'app'
}
const Loading = (
{ type = 'area' }: ILoadingProps = { type: 'area' }
{ type = 'area' }: ILoadingProps = { type: 'area' },
) => {
return (
<div className={`flex w-full justify-center items-center ${type === 'app' ? 'h-full' : ''}`}>

10
web/app/components/base/loading/style.css
View file

@ -1,5 +1,5 @@
.spin-animation path {
animation: custom 2s linear infinite;
animation: custom 1s linear infinite;
}
@keyframes custom {
@ -29,13 +29,13 @@
}
.spin-animation path:nth-child(2) {
animation-delay: 0.5s;
animation-delay: 0.25s;
}
.spin-animation path:nth-child(3) {
animation-delay: 1s;
animation-delay: 0.5s;
}
.spin-animation path:nth-child(4) {
animation-delay: 1.5s;
}
animation-delay: 1s;
}