extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-06-20 17:58:50 +02: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 ( return (
<div className={"login"}> <div className={"fullscreen"}>
<img src={"ziggy.svg"} width={200}/> <img src={"ziggy.svg"} width={200}/>
<h1>zrok</h1> <h1>zrok</h1>
<form onSubmit={handleSubmit}> <form onSubmit={handleSubmit}>

4
ui/src/Register.js
View File

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

14
ui/src/index.css
View File

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