extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2024-11-21 23:53:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

better css class naming for re-use (#50)

Browse Source
This commit is contained in:
Michael Quigley 2022-09-19 18:36:31 -04:00
parent f3c5639961
commit e9bd1a4d9b
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/Login.js
View File

@ -29,7 +29,7 @@ const Login = (props) => {
};
return (
<div className={"login"}>
<div className={"fullscreen"}>
<img src={"ziggy.svg"} width={200}/>
<h1>zrok</h1>
<form onSubmit={handleSubmit}>

4
ui/src/Register.js
View File

@ -12,7 +12,7 @@ const Proceed = (props) => {
}
return (
<div className={"login"}>
<div className={"fullscreen"}>
<img src={"/ziggy.svg"} width={200}/>
<h1>A new zrok user!</h1>
<h2>{props.email}</h2>
@ -32,7 +32,7 @@ const Proceed = (props) => {
const Failed = () => {
return (
<div className={"login"}>
<div className={"fullscreen"}>
<img src={"/ziggy.svg"} width={200}/>
<h1>No such account request!</h1>
</div>

14
ui/src/index.css
View File

@ -20,7 +20,7 @@ h1, h2, h3, h4, h5, h6 {
margin-right: 10%;
}
.login {
.fullscreen {
background-color: #3b2693;
text-align: center;
padding: 25px;
@ -31,28 +31,28 @@ h1, h2, h3, h4, h5, h6 {
height: 100vh;
justify-content: center;
}
.login h1 {
.fullscreen h1 {
font-size: 64pt;
}
.login fieldset {
.fullscreen fieldset {
width: 500px;
border-radius: 25px;
}
.login label {
.fullscreen label {
text-align: right;
width: 100px;
float: left;
font-family: 'Russo One', sans-serif;
margin-right: 10px;
}
.login fieldset legend {
.fullscreen fieldset legend {
font-family: 'Russo One', sans-serif;
}
.login fieldset p {
.fullscreen fieldset p {
clear: both;
padding: 5px;
}
.login input {
.fullscreen input {
width: 300px;
float: left;
}