ch/Schafkopf-Server
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

clean up login html

Browse Source
This commit is contained in:
Christoph Hagen 2021-11-30 20:59:50 +01:00
parent 7716b37fb3
commit e7b3ac3e9f
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
Public/schafkopf.html
View File

@ -30,9 +30,9 @@
<div id="table-list"> <div id="table-list">
</div> </div>
<div class="signup-window" id="signup-window"> <div id="login-window">
<div class="signup-window-vertical-center"> <div id="login-window-vertical-center">
<div class="signup-window-inner"> <div id="login-window-inner">
<label for="usrname">Username</label> <label for="usrname">Username</label>
<input type="text" id="user-name" name="usrname" required> <input type="text" id="user-name" name="usrname" required>

12
Public/style.css
View File

@ -33,7 +33,7 @@ input {
background-color: var(--standard-background); background-color: var(--standard-background);
} }
.signup-window input { #login-window input {
width: 100%; width: 100%;
margin-top: 6px; margin-top: 6px;
margin-bottom: 16px; margin-bottom: 16px;
@ -51,7 +51,7 @@ body, html {
background-color: var(--standard-background); background-color: var(--standard-background);
} }
.signup-window { #login-window {
background-color: var(--standard-background); background-color: var(--standard-background);
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -61,12 +61,12 @@ body, html {
position: absolute; position: absolute;
} }
.signup-window-vertical-center { #login-window-vertical-center {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
} }
.signup-window-inner { #login-window-inner {
background-color: var(--element-background); background-color: var(--element-background);
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -83,6 +83,10 @@ body, html {
margin-top: 5px; margin-top: 5px;
} }
#login-error {
margin-top: 8px;
}
#top-bar { #top-bar {
height: 50px; height: 50px;
background-color: var(--element-background); background-color: var(--element-background);