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

简单做了个 Naive UI px 转 rem 的小工具 Make a tool for Naive UI px to convert rem #6621

Open
3 tasks done
a81n9 opened this issue Dec 16, 2024 · 3 comments
Open
3 tasks done
Labels
feature request New feature or request

Comments

@a81n9
Copy link

a81n9 commented Dec 16, 2024

Clear and concise description of the problem

简单做了个 Naive UI pxrem 的小工具
Make a tool for Naive UI px to convert rem

Naive UI Rem Converter

Suggested solution

  1. 输入基准值并点击 Convert 按钮
    Enter the benchmark value and click the Convert button.

  2. 可在右侧切换组件名称及主题
    You can switch the component name and theme on the right side.

  3. 复制配置到 NConfigProvidertheme-overrides 属性
    Copy the configuration to the theme-overrides attribute of NConfigProvider.

image

Alternative

No response

Additional context

#4250 #6096 #4738 #3940 #3841 #3288 #3108 #2102 #802

Validations

  • Read the Contributing Guidelines.
  • Read the docs.
  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
@a81n9 a81n9 added the feature request New feature or request label Dec 16, 2024
@a81n9
Copy link
Author

a81n9 commented Dec 16, 2024

@07akioni 感觉可以在 NThemeEditor 中集成此功能

@a81n9
Copy link
Author

a81n9 commented Dec 17, 2024

Space: {
  gapSmall: '0.25rem 0.5rem',
  gapMedium: '0.5rem 0.75rem',
  gapLarge: '0.75rem 1rem',
},

发现 NSpace 设置 rem 不起作用

@a81n9
Copy link
Author

a81n9 commented Dec 19, 2024

"Flex": {
    "gapSmall": "0.25rem 0.5rem",
    "gapMedium": "0.5rem 0.75rem",
    "gapLarge": "0.75rem 1rem"
  }

NFlex 设置 rem 也不生效

好像涉及到 gap 属性的值设置 rem 都不生效

@a81n9 a81n9 changed the title Make a tool for Naive UI px to convert rem 简单做了个 Naive UI px 转 rem 的小工具 Make a tool for Naive UI px to convert rem Dec 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature request New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant