fix(index.page): 修复消息输入框宽度问题
Some checks failed
/ build-and-test (push) Failing after 1m59s
/ playwright (push) Successful in 2m15s
CI/CD Pipeline / build-and-deploy (push) Successful in 4m12s
CI/CD Pipeline / playwright (push) Successful in 4m37s

为消息输入框添加 `w-full` 类,确保其在父容器中正确占满宽度。
This commit is contained in:
严浩
2025-10-16 12:29:14 +08:00
parent f9748b78a3
commit d3d5ebc66b

View File

@@ -418,7 +418,7 @@ onUnmounted(() => {
placeholder="输入要发送的消息..." placeholder="输入要发送的消息..."
:disabled="!wsConnected" :disabled="!wsConnected"
:aria-describedby="!wsConnected ? 'ws-status' : undefined" :aria-describedby="!wsConnected ? 'ws-status' : undefined"
class="flex-1 border-2 rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 disabled:text-gray-500 transition-all duration-300 border-gray-200 dark:border-gray-600 bg-white/60 dark:bg-gray-700/60 backdrop-blur-sm text-gray-800 dark:text-gray-100 disabled:bg-gray-100/60 dark:disabled:bg-gray-800/60 hover:border-gray-300 dark:hover:border-gray-500" class="flex-1 w-full border-2 rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 disabled:text-gray-500 transition-all duration-300 border-gray-200 dark:border-gray-600 bg-white/60 dark:bg-gray-700/60 backdrop-blur-sm text-gray-800 dark:text-gray-100 disabled:bg-gray-100/60 dark:disabled:bg-gray-800/60 hover:border-gray-300 dark:hover:border-gray-500"
/> />
<button <button
@click="sendMessage" @click="sendMessage"