Skip to content

N
Neos
Commit c4b61526 authored by Chunchi Che's avatar Chunchi Che
Browse files
Options

update css

parent cf65c0fb
Show whitespace changes
Inline Side-by-side
Showing with 8 additions and 8 deletions
src/css/JoinRoom.css
View file @ c4b61526
...@@ -3,11 +3,11 @@ body { ...@@ -3,11 +3,11 @@ body {
justify-content: center; justify-content: center;
} }
div { .login_div {
margin: auto; margin: auto;
padding: 10%; padding: 0%;
} }
p { .login_p {
text-align: center; text-align: center;
} }
src/ui/JoinRoom.tsx
View file @ c4b61526
...@@ -26,8 +26,8 @@ export default function JoinRoom() { ...@@ -26,8 +26,8 @@ export default function JoinRoom() {
}; };
return ( return (
<div> <div className="login_div">
<p> <p className="login_p">
<label>player: </label> <label>player: </label>
<input <input
type="text" type="text"
...@@ -36,7 +36,7 @@ export default function JoinRoom() { ...@@ -36,7 +36,7 @@ export default function JoinRoom() {
onChange={handlePlayerChange} onChange={handlePlayerChange}
></input> ></input>
</p> </p>
<p> <p className="login_p">
<label>addr: </label> <label>addr: </label>
<input <input
type="text" type="text"
...@@ -45,7 +45,7 @@ export default function JoinRoom() { ...@@ -45,7 +45,7 @@ export default function JoinRoom() {
onChange={handleIpChange} onChange={handleIpChange}
></input> ></input>
</p> </p>
<p> <p className="login_p">
<label>passwd: </label> <label>passwd: </label>
<input <input
type="text" type="text"
...@@ -54,7 +54,7 @@ export default function JoinRoom() { ...@@ -54,7 +54,7 @@ export default function JoinRoom() {
onChange={handlePasswdChange} onChange={handlePasswdChange}
></input> ></input>
</p> </p>
<p> <p className="login_p">
<button> <button>
<Link to={{ pathname: `/${player}/${passWd}/${ip}` }}>join</Link> <Link to={{ pathname: `/${player}/${passWd}/${ip}` }}>join</Link>
</button> </button>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment