refactor(NoLoginView): remove unused RandomChatDialog and clean up login panel
All checks were successful
Deploy to production / deploy (push) Successful in 1m53s
All checks were successful
Deploy to production / deploy (push) Successful in 1m53s
This commit is contained in:
@@ -49,13 +49,7 @@
|
|||||||
</section>
|
</section>
|
||||||
<section class="actions-panel actions-panel--access surface-card">
|
<section class="actions-panel actions-panel--access surface-card">
|
||||||
<div class="login-panel">
|
<div class="login-panel">
|
||||||
<span class="panel-kicker">Direkt starten</span>
|
|
||||||
<h2>{{ $t('home.nologin.login.submit') }}</h2>
|
<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" v-if="oauthProviders.length">
|
||||||
<div class="oauth-section__header">
|
<div class="oauth-section__header">
|
||||||
<span class="panel-kicker">Externe Konten</span>
|
<span class="panel-kicker">Externe Konten</span>
|
||||||
@@ -97,16 +91,12 @@
|
|||||||
$t('home.nologin.login.lostpassword') }}</span>
|
$t('home.nologin.login.lostpassword') }}</span>
|
||||||
<span @click="openRegisterDialog" class="link">{{ $t('home.nologin.login.register') }}</span>
|
<span @click="openRegisterDialog" class="link">{{ $t('home.nologin.login.register') }}</span>
|
||||||
</div>
|
</div>
|
||||||
<p class="login-panel__footnote">
|
|
||||||
Oder ohne Konto direkt in spontane Begegnungen und offene Gespräche starten.
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
<div class="mascot">
|
<div class="mascot">
|
||||||
<Character3D gender="female" :lightweight="true" />
|
<Character3D gender="female" :lightweight="true" />
|
||||||
</div>
|
</div>
|
||||||
<RandomChatDialog ref="randomChatDialog" />
|
|
||||||
<RegisterDialog ref="registerDialog" />
|
<RegisterDialog ref="registerDialog" />
|
||||||
<PasswordResetDialog ref="passwordResetDialog" />
|
<PasswordResetDialog ref="passwordResetDialog" />
|
||||||
</div>
|
</div>
|
||||||
@@ -154,7 +144,6 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import RandomChatDialog from '@/dialogues/chat/RandomChatDialog.vue';
|
|
||||||
import RegisterDialog from '@/dialogues/auth/RegisterDialog.vue';
|
import RegisterDialog from '@/dialogues/auth/RegisterDialog.vue';
|
||||||
import PasswordResetDialog from '@/dialogues/auth/PasswordResetDialog.vue';
|
import PasswordResetDialog from '@/dialogues/auth/PasswordResetDialog.vue';
|
||||||
import Character3D from '@/components/Character3D.vue';
|
import Character3D from '@/components/Character3D.vue';
|
||||||
@@ -174,7 +163,6 @@ export default {
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
RandomChatDialog,
|
|
||||||
RegisterDialog,
|
RegisterDialog,
|
||||||
PasswordResetDialog,
|
PasswordResetDialog,
|
||||||
Character3D,
|
Character3D,
|
||||||
@@ -185,10 +173,6 @@ export default {
|
|||||||
const baseUrl = apiClient.defaults.baseURL || window.location.origin;
|
const baseUrl = apiClient.defaults.baseURL || window.location.origin;
|
||||||
return String(baseUrl).replace(/\/api\/?$/, '').replace(/\/$/, '');
|
return String(baseUrl).replace(/\/api\/?$/, '').replace(/\/$/, '');
|
||||||
},
|
},
|
||||||
openRandomChat() {
|
|
||||||
const dlg = this.$refs.randomChatDialog;
|
|
||||||
if (dlg && typeof dlg.open === 'function') dlg.open();
|
|
||||||
},
|
|
||||||
openRegisterDialog() {
|
openRegisterDialog() {
|
||||||
const dlg = this.$refs.registerDialog;
|
const dlg = this.$refs.registerDialog;
|
||||||
if (dlg && typeof dlg.open === 'function') dlg.open();
|
if (dlg && typeof dlg.open === 'function') dlg.open();
|
||||||
@@ -313,6 +297,13 @@ export default {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.actions-panel--access {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
height: auto;
|
||||||
|
max-height: none;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
.actions-panel h1,
|
.actions-panel h1,
|
||||||
.actions-panel h2,
|
.actions-panel h2,
|
||||||
.actions-panel h3 {
|
.actions-panel h3 {
|
||||||
@@ -419,34 +410,14 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.login-panel {
|
.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;
|
display: grid;
|
||||||
gap: 0.65rem;
|
gap: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-panel h2 {
|
.login-panel h2 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
font-size: clamp(1.25rem, 2vw, 1.65rem);
|
||||||
|
line-height: 1.15;
|
||||||
.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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.oauth-section {
|
.oauth-section {
|
||||||
@@ -526,8 +497,7 @@ export default {
|
|||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
.primary-action,
|
.primary-action {
|
||||||
.secondary-action {
|
|
||||||
align-self: flex-start;
|
align-self: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -548,13 +518,6 @@ export default {
|
|||||||
gap: 0.9rem;
|
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 {
|
.stay-logged-in-row {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user