[英]Keep same icon size with flex box responsive
我的调谐器有问题,我尝试保持相同大小的箭头,但是当我降低分辨率时,箭头会变小
<div className="shadow rounded my-5">
<div onClick={() => toggle(index)} key={index} className="bg-[#8e9fbc] rounded text-white font-bold flex justify-between items-center cursor-pointer p-5">
<span>{item.question}</span>
{clicked === index ? (<ChevronDownIcon className="w-6 "/>) :<ChevronRightIcon className="w-6 "/>}
</div>
{clicked === index ? (<div className="p-5"> {item.reponse}</div>) : null} </div>
你能帮助我吗? 谢谢!
只需应用flex-shrik: 0; 到图标,这可以防止它们变小。
请注意,您应该有这些图标的宽度。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.