From a7b51365a08a8f05cefa6aca7e125e5d4a3d2d3e Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Thu, 21 May 2026 11:24:41 +0200
Subject: [PATCH] refactor(NoLoginView): remove unused RandomChatDialog and
 clean up login panel

---
 frontend/src/views/home/NoLoginView.vue | 59 +++++--------------------
 1 file changed, 11 insertions(+), 48 deletions(-)

diff --git a/frontend/src/views/home/NoLoginView.vue b/frontend/src/views/home/NoLoginView.vue
index 5eed149..85c4184 100644
--- a/frontend/src/views/home/NoLoginView.vue
+++ b/frontend/src/views/home/NoLoginView.vue
@@ -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;