jeirmeister/Cockatrice
1
0
Fork 0
mirror of https://github.com/Cockatrice/Cockatrice.git synced 2026-06-15 19:47:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

login page created (#4444)

Browse source 
login page html and css created with Seavor
This commit is contained in:
Aren Kasner 2021-10-25 20:36:20 -07:00 • committed by GitHub
parent d684a9c5fc
commit ed32e72dc1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 106 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

17
webclient/src/containers/Login/Login.tsx
View file

@ -14,6 +14,7 @@ import { /* ServerDispatch, */ ServerSelectors } from "store";
import "./Login.css";
import logo from "images/logo.png";
/*import loginGraphic from "images/login-graphic.png"*/
const Login = ({ state, description }: LoginProps) => {
const isConnected = AuthenticationService.isConnected(state);
@ -61,9 +62,21 @@ const Login = ({ state, description }: LoginProps) => {
</Typography>
</div>
</div>
<ThemedLoginDescription className="login-content__description">
description
<div className="login-content__description-graphics">
<div className="topLeft login-content__description-square" />
<div className="topRight login-content__description-square" />
<div className="bottomRight login-content__description-square" />
<div className="bottomLeft login-content__description-square" />
<div className="topBar login-content__description-bar" />
<div className="bottomBar login-content__description-bar" />
</div>
<div className="login-content__description-wrapper">
{ /*<img src={loginGraphic} className="login-content__description-image"/>*/}
<div className="login-content__description-placeholder"/>
<p className="login-content__description-subtitle1">Play multiplayer card games online.</p>
<p className="login-content__description-subtitle2">Cross-platform virtual tabletop for multiplayer card games. Forever free.</p>
</div>
</ThemedLoginDescription>
</ThemedLoginContent>
</div>