修改breakpoint.less里面的css变量，在页面上并没有生效

[owl-lei]

在Login.vue组件，使用了@screen-xl

@media (max-width: @screen-xl) {
  background-color: #293146;

  .@{prefix-cls}-form {
    background-color: #fff;
  }
}

页面渲染出来的是max-width:1200px;我想把他改为1280，跟unocss里的xl:text-gray-600尺寸保持一致，
但修改breakpoint.less里面的@screen-xl: 1280px;并没有生效。

我改如何做才能调整@screen-xl的值？

[likui628]

找到问题的原因了

vue-vben-admin/internal/vite-config/src/utils/modifyVars.ts

Line 28 in e31525a

const modifyVars = getThemeVariables();

你可以打印一下,把我们预设的值给覆盖了

 console.log(modifyVars);  
/*
{
  ...
  'screen-xl': '1200px',
}
*/