xTr1m/GameList
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add FAQ chip to login screen

Browse Source
This commit is contained in:
Frank Tovar
2026-02-06 21:06:01 +01:00
parent e7e24dd774
commit 0edd51c326
2 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
wwwroot/css/forms-and-auth.css
View File

@@ -22,6 +22,11 @@
justify-content: space-between; justify-content: space-between;
gap: 12px; gap: 12px;
} }
.auth-actions {
display: flex;
align-items: center;
gap: 10px;
}
input[readonly].readonly { input[readonly].readonly {
background: #f7f3eb; background: #f7f3eb;

14
wwwroot/index.html
View File

@@ -21,12 +21,14 @@
</div> </div>
<div class="auth-title-row"> <div class="auth-title-row">
<h2 id="auth-title" data-i18n="auth.loginHeading">Log in</h2> <h2 id="auth-title" data-i18n="auth.loginHeading">Log in</h2>
<button id="help-chip-auth" class="chip icon help-chip" type="button" aria-label="Help" title="Help" data-i18n="help.label" data-i18n-attr="aria-label,title">?</button> <div class="auth-actions">
<div class="lang-switch" id="lang-switch-auth"> <button id="help-chip-auth" class="chip icon help-chip" type="button" aria-label="Help" title="Help" data-i18n="help.label" data-i18n-attr="aria-label,title">?</button>
<button class="lang-button chip icon" type="button" aria-label="Language" title="Language">🌐</button> <div class="lang-switch" id="lang-switch-auth">
<div class="lang-menu hidden"> <button class="lang-button chip icon" type="button" aria-label="Language" title="Language">🌐</button>
<button type="button" data-lang="en" title="English" data-i18n-attr="title" class="flag-button">🇺🇸</button> <div class="lang-menu hidden">
<button type="button" data-lang="de" title="Deutsch" data-i18n-attr="title" class="flag-button">🇩🇪</button> <button type="button" data-lang="en" title="English" data-i18n-attr="title" class="flag-button">🇺🇸</button>
<button type="button" data-lang="de" title="Deutsch" data-i18n-attr="title" class="flag-button">🇩🇪</button>
</div>
</div> </div>
</div> </div>
</div> </div>