Show logo above auth forms
This commit is contained in:
@@ -13,6 +13,9 @@
|
|||||||
</head>
|
</head>
|
||||||
<body class="page">
|
<body class="page">
|
||||||
<section class="card hidden" id="auth-card">
|
<section class="card hidden" id="auth-card">
|
||||||
|
<div class="auth-logo">
|
||||||
|
<img src="logo.png" alt="CoopGameChooser logo" />
|
||||||
|
</div>
|
||||||
<div class="stack horizontal">
|
<div class="stack horizontal">
|
||||||
<button class="ghost active" data-auth-tab="login" type="button" data-i18n="auth.loginTab">Log in</button>
|
<button class="ghost active" data-auth-tab="login" type="button" data-i18n="auth.loginTab">Log in</button>
|
||||||
<button class="ghost" data-auth-tab="register" type="button" data-i18n="auth.registerTab">Register</button>
|
<button class="ghost" data-auth-tab="register" type="button" data-i18n="auth.registerTab">Register</button>
|
||||||
|
|||||||
@@ -234,6 +234,17 @@ input[type="range"].full-slider::-moz-range-track {
|
|||||||
|
|
||||||
.auth-card .active { font-weight: 700; }
|
.auth-card .active { font-weight: 700; }
|
||||||
.auth-form { margin-top: 8px; }
|
.auth-form { margin-top: 8px; }
|
||||||
|
.auth-logo {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
.auth-logo img {
|
||||||
|
max-width: 200px;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
filter: drop-shadow(0 6px 16px rgba(0,0,0,0.25));
|
||||||
|
}
|
||||||
|
|
||||||
.admin-toggle {
|
.admin-toggle {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|||||||
Reference in New Issue
Block a user