fix: long topic names break rendering

This commit is contained in:
Zoe
2026-02-25 16:58:15 +00:00
parent d3d44778af
commit e4536cbb8c
2 changed files with 6 additions and 6 deletions
+3 -3
View File
@@ -86,14 +86,14 @@ const handleSubmit = async (message: string, model: ModelWithProvider | null) =>
<template>
<div class="flex flex-col h-full w-full">
<div class="flex flex-col h-full w-full max-w-full overflow-x-hidden">
<div class="h-14 flex items-center justify-between px-4 border-b border-[var(--color-border)]">
<div class="flex items-center gap-2">
<div class="flex items-center gap-2 max-w-full">
<button v-if="!sidebarOpen" @click="openSidebar"
class="flex p-2 rounded-lg text-[var(--text-primary)] bg-transparent hover:bg-[var(--color-hover)] transition-colors">
<Icon class="text-5" name="mynaui:panel-left-open" />
</button>
<h4 class="text-lg">
<h4 class="text-lg text-ellipsis overflow-hidden whitespace-nowrap">
{{ agent?.name }}
</h4>
</div>
+3 -3
View File
@@ -278,14 +278,14 @@ onUnmounted(() => {
</script>
<template>
<div class="flex flex-col h-full w-full">
<div class="flex flex-col h-full w-full max-w-full overflow-x-hidden">
<div class="h-14 flex items-center justify-between px-4 border-b border-[var(--color-border)]">
<div class="flex items-center gap-2">
<div class="flex items-center gap-2 max-w-full">
<button v-if="!sidebarOpen" @click="openSidebar"
class="flex p-2 rounded-lg text-[var(--text-primary)] bg-transparent hover:bg-[var(--color-hover)] transition-colors">
<Icon class="text-5" name="mynaui:panel-left-open" />
</button>
<h4 class="text-lg">
<h4 class="text-lg text-ellipsis overflow-hidden whitespace-nowrap">
{{ topic?.name }}
</h4>
</div>