mirror of
https://github.com/mickael-kerjean/filestash
synced 2025-12-14 20:35:32 +01:00
bugfix (notification): stick the notification on the left side
mitigating a chrome bug with animation in a position fixed situation
This commit is contained in:
parent
dd4940a903
commit
9ba9067a99
4 changed files with 4 additions and 4 deletions
|
|
@ -1,4 +1,4 @@
|
||||||
.error{
|
.error-page{
|
||||||
width: 80%;
|
width: 80%;
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
margin: 50px auto 0 auto;
|
margin: 50px auto 0 auto;
|
||||||
|
|
|
||||||
|
|
@ -320,7 +320,7 @@ export class FilesPage extends React.Component {
|
||||||
<NgIf cond={this.state.loading && this.state.error === null}>
|
<NgIf cond={this.state.loading && this.state.error === null}>
|
||||||
<Loader/>
|
<Loader/>
|
||||||
</NgIf>
|
</NgIf>
|
||||||
<NgIf cond={this.state.error !== null} className="error">
|
<NgIf cond={this.state.error !== null} className="error-page">
|
||||||
<h1>Oops!</h1>
|
<h1>Oops!</h1>
|
||||||
<h2>It seems this directory doesn't exist</h2>
|
<h2>It seems this directory doesn't exist</h2>
|
||||||
<p>{JSON.stringify(this.state.error)}</p>
|
<p>{JSON.stringify(this.state.error)}</p>
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,7 @@ export class NotFoundPage extends React.Component {
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<div className="component_page_notfound error">
|
<div className="component_page_notfound error-page">
|
||||||
<h1>Oops!</h1>
|
<h1>Oops!</h1>
|
||||||
<h2>We can't seem to find the page you're looking for.</h2>
|
<h2>We can't seem to find the page you're looking for.</h2>
|
||||||
<p>
|
<p>
|
||||||
|
|
|
||||||
|
|
@ -145,7 +145,7 @@ export class ViewerPage extends React.Component {
|
||||||
<NgIf cond={this.state.loading === true && this.state.error === null}>
|
<NgIf cond={this.state.loading === true && this.state.error === null}>
|
||||||
<Loader/>
|
<Loader/>
|
||||||
</NgIf>
|
</NgIf>
|
||||||
<NgIf cond={this.state.error !== null} className="error">
|
<NgIf cond={this.state.error !== null} className="error-page">
|
||||||
<h1>Oops!</h1>
|
<h1>Oops!</h1>
|
||||||
<h2>There is nothing in here</h2>
|
<h2>There is nothing in here</h2>
|
||||||
<p>{JSON.stringify(this.state.error)}</p>
|
<p>{JSON.stringify(this.state.error)}</p>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue