index.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. /* ant-design-vue 组件库的一些样式重置 */
  2. .ant-app {
  3. width: 100%;
  4. height: 100%;
  5. overscroll-behavior: none;
  6. color: inherit;
  7. }
  8. .ant-btn {
  9. .anticon {
  10. display: inline-flex;
  11. }
  12. }
  13. .ant-message-notice-content,
  14. .ant-notification-notice {
  15. @apply dark:border-border/60 dark:border;
  16. }
  17. .form-valid-error {
  18. /** select 选择器的样式 */
  19. .ant-select .ant-select-selector {
  20. border-color: hsl(var(--destructive)) !important;
  21. }
  22. .ant-select-focused .ant-select-selector {
  23. box-shadow: 0 0 0 2px rgb(255 38 5 / 6%) !important;
  24. }
  25. /** 数字输入框样式 */
  26. .ant-input-number-focused {
  27. box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
  28. }
  29. /** 密码输入框样式 */
  30. .ant-input-affix-wrapper:hover {
  31. border-color: hsl(var(--destructive));
  32. box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
  33. }
  34. }
  35. /** 区间选择器下面来回切换时的样式 */
  36. .ant-app .form-valid-error .ant-picker-active-bar {
  37. background-color: hsl(var(--destructive));
  38. }
  39. /** 时间选择器的样式 */
  40. .ant-app .form-valid-error .ant-picker-focused {
  41. box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
  42. }