Tweak success page

This commit is contained in:
SleeplessOne1917 2023-07-21 19:39:41 -04:00
parent 6f6acbb0a5
commit f580e2d8b7
4 changed files with 6 additions and 5 deletions

View file

@ -249,6 +249,7 @@ hr {
.fl-1 { .fl-1 {
flex: 1; flex: 1;
display: flex;
} }
.img-blur { .img-blur {

View file

@ -72,7 +72,7 @@ export class App extends Component<AppProps, any> {
return ( return (
<ErrorGuard> <ErrorGuard>
<div tabIndex={-1} className="h-100"> <div tabIndex={-1} className="fl-1">
{RouteComponent && {RouteComponent &&
(isAuthPath(path ?? "") ? ( (isAuthPath(path ?? "") ? (
<AuthGuard {...routeProps}> <AuthGuard {...routeProps}>

View file

@ -75,12 +75,12 @@ export class RemoteFetch extends Component<any, RemoteFetchState> {
render() { render() {
return ( return (
<div className="remote-fetch container-lg"> <div className="remote-fetch container-lg d-flex">
<HtmlTags <HtmlTags
title={this.documentTitle} title={this.documentTitle}
path={this.context.router.route.match.url} path={this.context.router.route.match.url}
/> />
<div className="row"> <div className="row flex-grow-1 align-items-center">
<div className="col-12 col-lg-6 offset-lg-3 text-center"> <div className="col-12 col-lg-6 offset-lg-3 text-center">
{this.content} {this.content}
</div> </div>
@ -97,7 +97,7 @@ export class RemoteFetch extends Component<any, RemoteFetchState> {
return ( return (
<> <>
<h1>Community Federated!</h1> <h1>Community Federated!</h1>
<Link href="/" className="btn btn-lg bt-link btn-primary mt-auto"> <Link href="/" className="btn btn-lg bt-link btn-primary mt-5">
Click to visit com Click to visit com
</Link> </Link>
</> </>

View file

@ -21,7 +21,7 @@ import { VerifyEmail } from "./components/person/verify-email";
import { CreatePost } from "./components/post/create-post"; import { CreatePost } from "./components/post/create-post";
import { Post } from "./components/post/post"; import { Post } from "./components/post/post";
import { CreatePrivateMessage } from "./components/private_message/create-private-message"; import { CreatePrivateMessage } from "./components/private_message/create-private-message";
import { RemoteFetch } from "./components/remote_fetch"; import { RemoteFetch } from "./components/remote-fetch";
import { Search } from "./components/search"; import { Search } from "./components/search";
import { InitialFetchRequest, RouteData } from "./interfaces"; import { InitialFetchRequest, RouteData } from "./interfaces";