search

nanxiaobei / antd-img-crop

🗡 An image cropper for Ant Design Upload
MIT License
497 stars 156 forks source link

width error in the controls #160

Closed kamilml closed 2 years ago

kamilml commented 2 years ago

Hello sir,

As you can see in this image, the width of the controls div are failing

I am using:

    "dependencies": {
        "@reduxjs/toolkit": "^1.6.2",
        "antd": "^4.16.13",
        "antd-img-crop": "^3.16.0",
        "next": "^11.1.2",
        "next-redux-wrapper": "^7.0.5",
        "react": "^17.0.2",
        "react-dom": "^17.0.2",
        "react-redux": "^7.2.5"
    },
nanxiaobei commented 2 years ago

Maybe forgot import 'antd/es/slider/style'?

kamilml commented 2 years ago

I think the problem is I am using variable css config, with my own prefixCls.

My html code looks like this (with dark- prefix)

How can I solve this?

nanxiaobei commented 2 years ago

Copy antd/es/slider/style to another file, add it to project, change .@{slider-prefix-cls} to .ant-slider.