settings.module.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. @import "./window.scss";
  2. .settings {
  3. padding: 20px;
  4. overflow: auto;
  5. }
  6. .settings-title {
  7. font-size: 14px;
  8. font-weight: bolder;
  9. }
  10. .settings-sub-title {
  11. font-size: 12px;
  12. font-weight: normal;
  13. }
  14. .avatar {
  15. cursor: pointer;
  16. }
  17. .password-input-container {
  18. max-width: 50%;
  19. display: flex;
  20. justify-content: flex-end;
  21. .password-eye {
  22. margin-right: 4px;
  23. }
  24. .password-input {
  25. min-width: 80%;
  26. }
  27. }
  28. .user-prompt-modal {
  29. min-height: 40vh;
  30. .user-prompt-search {
  31. width: 100%;
  32. max-width: 100%;
  33. margin-bottom: 10px;
  34. background-color: var(--gray);
  35. }
  36. .user-prompt-list {
  37. padding: 10px 0;
  38. .user-prompt-item {
  39. margin-bottom: 10px;
  40. widows: 100%;
  41. .user-prompt-header {
  42. display: flex;
  43. widows: 100%;
  44. margin-bottom: 5px;
  45. .user-prompt-title {
  46. flex-grow: 1;
  47. max-width: 100%;
  48. margin-right: 5px;
  49. padding: 5px;
  50. font-size: 12px;
  51. text-align: left;
  52. }
  53. .user-prompt-buttons {
  54. display: flex;
  55. align-items: center;
  56. .user-prompt-button {
  57. height: 100%;
  58. &:not(:last-child) {
  59. margin-right: 5px;
  60. }
  61. }
  62. }
  63. }
  64. .user-prompt-content {
  65. width: 100%;
  66. box-sizing: border-box;
  67. padding: 5px;
  68. margin-right: 10px;
  69. font-size: 12px;
  70. flex-grow: 1;
  71. }
  72. }
  73. }
  74. .user-prompt-actions {
  75. }
  76. }