fix: long topic names break rendering
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user