fix: AI Assistant placeholder text unreadable on background

Added glass-card backdrop, increased text opacity for readability.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Dorian
2026-03-30 18:41:59 +01:00
parent 8e15d5c94b
commit f3fd8e9414

View File

@@ -34,17 +34,17 @@
<!-- Fallback when AIUI is not deployed -->
<div v-else-if="aiuiAvailable === false" class="chat-placeholder">
<div class="chat-placeholder-inner">
<div class="chat-placeholder-inner glass-card p-8">
<div class="chat-placeholder-icon">
<svg class="w-8 h-8 text-white/40" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />
</svg>
</div>
<h2 class="text-2xl font-semibold text-white mb-2">{{ t('chat.aiAssistant') }}</h2>
<p class="text-white/60 mb-4 leading-relaxed">
<p class="text-white/80 mb-4 leading-relaxed">
{{ t('chat.notConfigured') }}
</p>
<p class="text-xs text-white/30">
<p class="text-sm text-white/50">
{{ t('chat.deployCta') }}
</p>
</div>