refactor(NoLoginView): remove unused RandomChatDialog and clean up login panel
All checks were successful
Deploy to production / deploy (push) Successful in 1m53s

This commit is contained in:
Torsten Schulz (local)
2026-05-21 11:24:41 +02:00
parent 4917187517
commit a7b51365a0

View File

@@ -49,13 +49,7 @@
</section>
<section class="actions-panel actions-panel--access surface-card">
<div class="login-panel">
<span class="panel-kicker">Direkt starten</span>
<h2>{{ $t('home.nologin.login.submit') }}</h2>
<p class="login-panel__hint">Mit bestehendem Konto direkt einloggen oder alternativ ohne Konto den Random-Chat testen.</p>
<div class="quick-access-actions">
<button type="button" class="secondary-action" @click="openRegisterDialog">{{ $t('home.nologin.login.register') }}</button>
<button type="button" class="secondary-action" @click="openRandomChat">{{ $t('home.nologin.startrandomchat') }}</button>
</div>
<div class="oauth-section" v-if="oauthProviders.length">
<div class="oauth-section__header">
<span class="panel-kicker">Externe Konten</span>
@@ -97,16 +91,12 @@
$t('home.nologin.login.lostpassword') }}</span>
<span @click="openRegisterDialog" class="link">{{ $t('home.nologin.login.register') }}</span>
</div>
<p class="login-panel__footnote">
Oder ohne Konto direkt in spontane Begegnungen und offene Gespräche starten.
</p>
</div>
</section>
</div>
<div class="mascot">
<Character3D gender="female" :lightweight="true" />
</div>
<RandomChatDialog ref="randomChatDialog" />
<RegisterDialog ref="registerDialog" />
<PasswordResetDialog ref="passwordResetDialog" />
</div>
@@ -154,7 +144,6 @@
</template>
<script>
import RandomChatDialog from '@/dialogues/chat/RandomChatDialog.vue';
import RegisterDialog from '@/dialogues/auth/RegisterDialog.vue';
import PasswordResetDialog from '@/dialogues/auth/PasswordResetDialog.vue';
import Character3D from '@/components/Character3D.vue';
@@ -174,7 +163,6 @@ export default {
};
},
components: {
RandomChatDialog,
RegisterDialog,
PasswordResetDialog,
Character3D,
@@ -185,10 +173,6 @@ export default {
const baseUrl = apiClient.defaults.baseURL || window.location.origin;
return String(baseUrl).replace(/\/api\/?$/, '').replace(/\/$/, '');
},
openRandomChat() {
const dlg = this.$refs.randomChatDialog;
if (dlg && typeof dlg.open === 'function') dlg.open();
},
openRegisterDialog() {
const dlg = this.$refs.registerDialog;
if (dlg && typeof dlg.open === 'function') dlg.open();
@@ -313,6 +297,13 @@ export default {
text-align: left;
}
.actions-panel--access {
flex: 0 0 auto;
height: auto;
max-height: none;
overflow: visible;
}
.actions-panel h1,
.actions-panel h2,
.actions-panel h3 {
@@ -419,34 +410,14 @@ export default {
}
.login-panel {
padding: 0.8rem 0.9rem;
border-radius: var(--radius-lg);
background: rgba(255, 255, 255, 0.7);
border: 1px solid var(--color-border);
margin-bottom: 0.75rem;
display: grid;
gap: 0.65rem;
gap: 0.75rem;
}
.login-panel h2 {
margin: 0;
}
.login-panel .panel-kicker {
margin-bottom: 0.35rem;
}
.login-panel__hint {
margin: 0;
color: var(--color-text-secondary);
line-height: 1.35;
}
.quick-access-actions {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
margin-bottom: 0.1rem;
font-size: clamp(1.25rem, 2vw, 1.65rem);
line-height: 1.15;
}
.oauth-section {
@@ -526,8 +497,7 @@ export default {
justify-content: flex-start;
}
.primary-action,
.secondary-action {
.primary-action {
align-self: flex-start;
}
@@ -548,13 +518,6 @@ export default {
gap: 0.9rem;
}
.login-panel__footnote {
margin: 0;
color: var(--color-text-secondary);
font-size: 0.92rem;
line-height: 1.35;
}
.stay-logged-in-row {
width: 100%;
display: flex;