feat: add login hint on start page for unauthenticated users
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -585,11 +585,28 @@ body {
|
|||||||
|
|
||||||
.game-start-container {
|
.game-start-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
min-height: calc(100vh - 64px - 80px);
|
min-height: calc(100vh - 64px - 80px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.start-login-hint {
|
||||||
|
margin-top: 16px;
|
||||||
|
color: var(--text-muted);
|
||||||
|
font-size: 0.85rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.start-login-hint a {
|
||||||
|
color: var(--orange);
|
||||||
|
font-weight: 600;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.start-login-hint a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
.btn-start {
|
.btn-start {
|
||||||
padding: 14px 32px;
|
padding: 14px 32px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
|||||||
@@ -34,6 +34,11 @@
|
|||||||
<button type="submit" class="btn btn-primary btn-start">Commencer une partie</button>
|
<button type="submit" class="btn btn-primary btn-start">Commencer une partie</button>
|
||||||
</form>
|
</form>
|
||||||
<div class="start-loader" id="start-loader"></div>
|
<div class="start-loader" id="start-loader"></div>
|
||||||
|
{% if not app.user %}
|
||||||
|
<p class="start-login-hint">
|
||||||
|
<a href="{{ path('app_login') }}">Connectez-vous</a> pour importer vos propres films
|
||||||
|
</p>
|
||||||
|
{% endif %}
|
||||||
<script>
|
<script>
|
||||||
document.getElementById('start-form').addEventListener('submit', function () {
|
document.getElementById('start-form').addEventListener('submit', function () {
|
||||||
this.style.display = 'none';
|
this.style.display = 'none';
|
||||||
|
|||||||
Reference in New Issue
Block a user