fix: long topic names break rendering
This commit is contained in:
@@ -86,14 +86,14 @@ const handleSubmit = async (message: string, model: ModelWithProvider | null) =>
|
|||||||
|
|
||||||
|
|
||||||
<template>
|
<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="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"
|
<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">
|
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" />
|
<Icon class="text-5" name="mynaui:panel-left-open" />
|
||||||
</button>
|
</button>
|
||||||
<h4 class="text-lg">
|
<h4 class="text-lg text-ellipsis overflow-hidden whitespace-nowrap">
|
||||||
{{ agent?.name }}
|
{{ agent?.name }}
|
||||||
</h4>
|
</h4>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -278,14 +278,14 @@ onUnmounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<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="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"
|
<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">
|
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" />
|
<Icon class="text-5" name="mynaui:panel-left-open" />
|
||||||
</button>
|
</button>
|
||||||
<h4 class="text-lg">
|
<h4 class="text-lg text-ellipsis overflow-hidden whitespace-nowrap">
|
||||||
{{ topic?.name }}
|
{{ topic?.name }}
|
||||||
</h4>
|
</h4>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user