SchemaForm.module.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. .fields {
  2. display: flex;
  3. flex-direction: column;
  4. gap: 14px;
  5. }
  6. .field {
  7. display: flex;
  8. flex-direction: column;
  9. gap: 4px;
  10. }
  11. .field.group {
  12. border: 1px solid var(--border, #e2e2e2);
  13. border-radius: 10px;
  14. padding: 12px;
  15. }
  16. .labelRow {
  17. display: flex;
  18. align-items: center;
  19. justify-content: space-between;
  20. gap: 8px;
  21. }
  22. .label {
  23. font-size: 13px;
  24. font-weight: 500;
  25. color: var(--text-secondary, #555);
  26. }
  27. .description {
  28. margin: 0;
  29. font-size: 12px;
  30. color: var(--text-tertiary, #888);
  31. }
  32. .control {
  33. width: 100%;
  34. box-sizing: border-box;
  35. padding: 8px 10px;
  36. border: 1px solid var(--border, #d9d9d9);
  37. border-radius: 8px;
  38. font: inherit;
  39. background: var(--surface, #fff);
  40. color: inherit;
  41. }
  42. .control:focus {
  43. outline: 2px solid var(--accent, #3964fe);
  44. outline-offset: -1px;
  45. }
  46. .resetButton {
  47. border: none;
  48. background: none;
  49. color: var(--accent, #3964fe);
  50. font-size: 12px;
  51. cursor: pointer;
  52. padding: 0;
  53. }
  54. .stack {
  55. display: flex;
  56. flex-direction: column;
  57. gap: 8px;
  58. }
  59. .row {
  60. display: flex;
  61. align-items: center;
  62. gap: 8px;
  63. }
  64. .row > :first-child {
  65. flex: 1;
  66. }
  67. .dictKey {
  68. min-width: 96px;
  69. font-size: 13px;
  70. font-weight: 500;
  71. }
  72. .unsupported {
  73. display: flex;
  74. flex-direction: column;
  75. gap: 4px;
  76. font-size: 12px;
  77. color: var(--text-tertiary, #888);
  78. }
  79. .unsupported pre {
  80. margin: 0;
  81. padding: 8px;
  82. border-radius: 8px;
  83. background: var(--surface-sunken, #f5f5f5);
  84. overflow-x: auto;
  85. }