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

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

View File

@@ -9,8 +9,9 @@ const show = ref(false)
<template>
<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">
<span class="text-xl text-[#4f555e] dark:text-white">
<SvgIcon icon="ri:settings-4-line" />