Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

源代码查看使用 100vw - 10px 问题 #112

Open
nenge123 opened this issue Nov 18, 2024 · 4 comments
Open

源代码查看使用 100vw - 10px 问题 #112

nenge123 opened this issue Nov 18, 2024 · 4 comments

Comments

@nenge123
Copy link

nenge123 commented Nov 18, 2024

使用vw会导致溢出文件,建议改成100%

.aie-container [data-tippy-root] {
    max-width: calc(100vw - 10px); 
}

捕获

建议使用gird去定义这种框,这样他总会按照当前主容器大小占满,
从而减少max-width: calc(100vw - 10px);等计算,因为flex会不占满容器!

清除.aie-popover-content =>/* width: 850px; *//* max-width: calc(100% - 10px); */

.aie-container [data-tippy-root] {
    width: calc(100% - 10px);
    max-width: 1000px !important;

}
aie-container .tippy-box {
/** max-width: 1000px !important; **/
}
.aie-popover{
    display: grid;
    align-items: stretch;
    justify-items: stretch;
    grid-template-columns: auto;
    grid-template-areas:
        "header"
        "content"
        "footer";
    grid-template-rows: max-content auto max-content;
}
.aie-popover-header{
    grid-area: header;
}
.aie-popover-content{
    grid-area: content;
}
.aie-popover-footer{
    grid-area: footer;
}
@nenge123
Copy link
Author

另外希望能提供ESM打包方式,可以模块化导入,方便代码复用 减少加载时间

@nenge123
Copy link
Author

@yangfuhai yangfuhai

@yangfuhai
Copy link
Contributor

来个 pr 吧

@nenge123
Copy link
Author

来个 pr 吧

😅但是上层容器里有个莫名其妙的max-width:350px的强制默认值
根本找不到哪里删掉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants