ChatGPT/chatgpt-web
1
0
Fork 0
mirror of https://github.com/Chanzhaoyu/chatgpt-web.git synced 2025-07-23 22:34:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: 文字过长时头像被挤压

Browse Source
This commit is contained in:
ChenZhaoYu
2023-03-10 14:20:56 +08:00
parent ed4ff67760
commit 07b92d4ede
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/common/UserAvatar/index.vue
View File

@@ -11,8 +11,8 @@ const userInfo = computed(() => userStore.userInfo)
</script> </script>
<template> <template>
<div class="flex items-center"> <div class="flex items-center overflow-hidden">
<div class="w-10 h-10 overflow-hidden rounded-full"> <div class="w-10 h-10 overflow-hidden rounded-full shrink-0">
<template v-if="isString(userInfo.avatar) && userInfo.avatar.length > 0"> <template v-if="isString(userInfo.avatar) && userInfo.avatar.length > 0">
<NAvatar <NAvatar
size="large" size="large"
@@ -25,11 +25,11 @@ const userInfo = computed(() => userStore.userInfo)
<NAvatar size="large" round :src="defaultAvatar" /> <NAvatar size="large" round :src="defaultAvatar" />
</template> </template>
</div> </div>
<div class="ml-2"> <div class="flex-1 min-w-0 ml-2">
<h2 class="font-bold text-md"> <h2 class="overflow-hidden font-bold text-md text-ellipsis whitespace-nowrap">
{{ userInfo.name ?? 'ChenZhaoYu' }} {{ userInfo.name ?? 'ChenZhaoYu' }}
</h2> </h2>
<p class="text-xs text-gray-500"> <p class="overflow-hidden text-xs text-gray-500 text-ellipsis whitespace-nowrap">
<span <span
v-if="isString(userInfo.description) && userInfo.description !== ''" v-if="isString(userInfo.description) && userInfo.description !== ''"
v-html="userInfo.description" v-html="userInfo.description"

5
src/views/chat/layout/sider/Footer.vue
View File

@@ -9,8 +9,9 @@ const show = ref(false)
<template> <template>
<footer class="flex items-center justify-between min-w-0 p-4 overflow-hidden border-t dark:border-neutral-800"> <footer class="flex items-center justify-between min-w-0 p-4 overflow-hidden border-t dark:border-neutral-800">
<UserAvatar /> <div class="flex-1 flex-shrink-0 overflow-hidden">
<UserAvatar />
</div>
<HoverButton :tooltip="$t('setting.setting')" @click="show = true"> <HoverButton :tooltip="$t('setting.setting')" @click="show = true">
<span class="text-xl text-[#4f555e] dark:text-white"> <span class="text-xl text-[#4f555e] dark:text-white">
<SvgIcon icon="ri:settings-4-line" /> <SvgIcon icon="ri:settings-4-line" />