index.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  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. svg {
  14. display: inline-block;
  15. }
  16. svg + span {
  17. margin-inline-start: 6px;
  18. }
  19. }
  20. .ant-message-notice-content,
  21. .ant-notification-notice {
  22. @apply dark:border-border/60 dark:border;
  23. }
  24. .form-valid-error {
  25. /** select 选择器的样式 */
  26. .ant-select:not(.valid-success) .ant-select-selector:not(.valid-success) {
  27. border-color: hsl(var(--destructive)) !important;
  28. }
  29. .ant-select-focused .ant-select-selector {
  30. box-shadow: 0 0 0 2px rgb(255 38 5 / 6%) !important;
  31. }
  32. /** 数字输入框样式 */
  33. .ant-input-number-focused {
  34. box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
  35. }
  36. /** 密码输入框样式 */
  37. .ant-input-affix-wrapper:hover {
  38. border-color: hsl(var(--destructive));
  39. box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
  40. }
  41. .ant-input:not(.valid-success) {
  42. border-color: hsl(var(--destructive)) !important;
  43. }
  44. }
  45. /** 区间选择器下面来回切换时的样式 */
  46. .ant-app .form-valid-error .ant-picker-active-bar {
  47. background-color: hsl(var(--destructive));
  48. }
  49. /** 时间选择器的样式 */
  50. .ant-app .form-valid-error .ant-picker-focused {
  51. box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
  52. }