header.less 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .toolbar-title {
  2. .ant-input-group-wrapper {
  3. display: inline-block;
  4. vertical-align: middle;
  5. width: 200px;
  6. margin-bottom: 5px;
  7. }
  8. }
  9. .header {
  10. display: flex;
  11. justify-content: space-between;
  12. .toolbar-title {
  13. flex: 1;
  14. text-align: center;
  15. .ant-input-group{
  16. width: 300px;
  17. }
  18. .input-title {
  19. text-align: center;
  20. font-size: 16px;
  21. border: none;
  22. background-color: transparent;
  23. input {
  24. text-align: center;
  25. font-size: 16px;
  26. color: rgba(0, 0, 0, 0.65);
  27. cursor: text;
  28. border: none;
  29. border-radius: @border-radius-base;
  30. background-color: transparent;
  31. &:focus {
  32. border: 1px solid #40A9FF;
  33. }
  34. }
  35. }
  36. .ant-input-group-addon {
  37. cursor: pointer;
  38. border: none;
  39. background: transparent;
  40. :hover {
  41. color: #40a9ff;
  42. }
  43. }
  44. .ant-form-item-control.has-error >.ant-form-item-children >.input-title >.ant-input-wrapper >input {
  45. border-color: #f5222d;
  46. }
  47. .ant-form-explain {
  48. margin-right: -580px;
  49. margin-top: -30px;
  50. }
  51. }
  52. .toolbar-buttons {
  53. button {
  54. margin-left: 8px;
  55. }
  56. }
  57. }
  58. .ant-tooltip-arrow {
  59. border-bottom-color: rgba(255,255,255,.75) !important;
  60. }