mirror of
https://github.com/ragestudio/comty.git
synced 2025-06-09 10:34:17 +00:00
added new splash
This commit is contained in:
parent
d6e89d58c2
commit
296e78b5ce
@ -1,10 +1,7 @@
|
||||
import React from "react"
|
||||
import classnames from "classnames"
|
||||
import { Icons } from "components/Icons"
|
||||
|
||||
import config from "config"
|
||||
|
||||
export default class Splash extends React.Component {
|
||||
class Splash extends React.Component {
|
||||
state = {
|
||||
visible: true
|
||||
}
|
||||
@ -20,16 +17,58 @@ export default class Splash extends React.Component {
|
||||
}
|
||||
|
||||
render() {
|
||||
return <div className={classnames("app_splash_wrapper", { ["fade-away"]: !this.state.visible })}>
|
||||
<div className="splash_logo">
|
||||
<img src={config.logo.alt} />
|
||||
</div>
|
||||
<div className="splash_label">
|
||||
<Icons.LoadingOutlined />
|
||||
</div>
|
||||
<div className="splash_footer">
|
||||
<object id="powered_by" data={config.logo.ragestudio_full} type="image/svg+xml" />
|
||||
return <div
|
||||
className={this.state.visible ? "app_splash_wrapper" : "app_splash_wrapper fade-away"}
|
||||
>
|
||||
{/* <div className="layers_wrapper">
|
||||
<div class="square">
|
||||
<div class="square">
|
||||
<div class="square">
|
||||
<div class="square">
|
||||
<div class="square">
|
||||
<div class="square">
|
||||
<div class="square">
|
||||
<div class="square">
|
||||
<div class="square">
|
||||
<div class="square">
|
||||
<div class="square">
|
||||
<div class="square">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
<div className="content">
|
||||
<img
|
||||
src={config.logo.alt}
|
||||
/>
|
||||
|
||||
<div className="loader_wrapper">
|
||||
<div
|
||||
className="loader"
|
||||
>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export default Splash
|
Loading…
x
Reference in New Issue
Block a user