在垂直模式下使用react-slick来增加幻灯片的高度

问题描述

我正在使用react-slick(不常见,我知道)来构建时间选择器/计时器。

我正在努力增加幻灯片的高度,以便在遮罩区域(灰色小时和分钟标题所在的地方)上有更多的空间来使用

这是我到目前为止所得到的(不要介意可怕的React代码,专注于CSS):

https://codesandbox.io/s/react-slick-forked-ozdol

这是我的目标:

enter image description here

似乎问题在于设置每张幻灯片的高度,但是我无法正确设置它,看起来Slick总是自动计算高度。

解决方法

添加此样式片段应该可以解决问题。

.slick-slide div {
  outline: none;
  padding: 8px 0;
  font-size: 1.5rem;
}

享受!