fix(frontend): 修复 Select 下拉菜单选项文本被截断的问题
- 修改下拉框宽度策略为 min-w-full w-max max-w-[300px],允许自动扩展 - 添加 left-0 确保下拉框左对齐 - 为选项标签添加 flex-1 min-w-0 text-left 确保正确布局
This commit is contained in:
@@ -297,7 +297,7 @@ onUnmounted(() => {
|
||||
}
|
||||
|
||||
.select-dropdown {
|
||||
@apply absolute z-[100] mt-2 w-full;
|
||||
@apply absolute left-0 z-[100] mt-2 min-w-full w-max max-w-[300px];
|
||||
@apply bg-white dark:bg-dark-800;
|
||||
@apply rounded-xl;
|
||||
@apply border border-gray-200 dark:border-dark-700;
|
||||
@@ -339,7 +339,7 @@ onUnmounted(() => {
|
||||
}
|
||||
|
||||
.select-option-label {
|
||||
@apply truncate;
|
||||
@apply flex-1 min-w-0 truncate text-left;
|
||||
}
|
||||
|
||||
.select-empty {
|
||||
|
||||
Reference in New Issue
Block a user