dt-react-component icon indicating copy to clipboard operation
dt-react-component copied to clipboard

fix(modal): improve modal's size

Open mortalYoung opened this issue 1 year ago • 4 comments

简介

  • 优化当前 Modal 的默认 size 的宽度
  • 修复 Modal 最大滚动高度为 600px 的问题

Changes

由于项目内部引用了 theme,会去修改 font-base-size,导致 Modal 的 header 和 footer 的高度并不是正常高度,所以这里没办法通过写死高度来计算 body 的高度。目前通过 Flex 的自适应来达到限制最大高度 600px 的需求。

image

预览地址
Previewer

mortalYoung avatar Mar 07 '24 06:03 mortalYoung

+1

liuxy0551 avatar Mar 07 '24 08:03 liuxy0551

目前修复最大高度用 Flex 来自适应来做,感觉不太保险。但是暂时没考虑到更好的方法。 目前想到的方案是

  1. 用 Flex 的自适应来实现
  2. 在 Modal 中修改 header 和 footer 的 font-size 属性,然后可以通过写死高度来计算。

各位觉得用哪种方式更好?

mortalYoung avatar Mar 07 '24 08:03 mortalYoung

目前修复最大高度用 Flex 来自适应来做,感觉不太保险。但是暂时没考虑到更好的方法。 目前想到的方案是

  1. 用 Flex 的自适应来实现
  2. 在 Modal 中修改 header 和 footer 的 font-size 属性,然后可以通过写死高度来计算。

各位觉得用哪种方式更好?

title 的内容会不会多到需要换行,写死高度这时候就有点不合适了吧

liuxy0551 avatar Mar 07 '24 08:03 liuxy0551

目前修复最大高度用 Flex 来自适应来做,感觉不太保险。但是暂时没考虑到更好的方法。 目前想到的方案是

  1. 用 Flex 的自适应来实现
  2. 在 Modal 中修改 header 和 footer 的 font-size 属性,然后可以通过写死高度来计算。

各位觉得用哪种方式更好?

first

mumiao avatar Mar 07 '24 08:03 mumiao

+1

LuckyFBB avatar Sep 03 '24 09:09 LuckyFBB