admin.scss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. table {
  2. width: 100%;
  3. tr {
  4. th, td {
  5. -ms-word-wrap: inherit;
  6. word-wrap: inherit;
  7. overflow-wrap: break-word;
  8. text-align: center;
  9. vertical-align: middle;
  10. }
  11. }
  12. thead {
  13. tr {
  14. th {
  15. background-color: #f7f7f6 !important;
  16. }
  17. th, td {
  18. text-align: center;
  19. }
  20. }
  21. }
  22. tbody.striped:hover tr td {
  23. background-color: #f1f1f1 !important;
  24. }
  25. }
  26. #fAdminWrite, #fAdminEdit {
  27. div.row {
  28. > label > span {
  29. color: #ff0000;
  30. }
  31. }
  32. }
  33. // 회원 검색
  34. .select-search-member {
  35. z-index: 1050;
  36. position: relative;
  37. width: 100%;
  38. top: 115%;
  39. left: 0;
  40. right: 0;
  41. display: none;
  42. border-width: 1px;
  43. border-color: red;
  44. overflow-y: auto;
  45. .list-group-item {
  46. white-space: nowrap;
  47. overflow: hidden;
  48. text-overflow: ellipsis; // 줄바꿈 방지
  49. cursor: pointer;
  50. &.active {
  51. color: #fff;
  52. }
  53. &:hover {
  54. color: yellow;
  55. }
  56. }
  57. .no-results {
  58. color: #6c757d;
  59. }
  60. }
  61. // 입력 값 검증 오류 메시지
  62. .field-validation-error {
  63. display: block;
  64. padding: 7px 0 0 0;
  65. }
  66. // 설정 폼 모바일 반응형: col-sm-* 이 stack 될 때 간격 확보
  67. @media (max-width: 575.98px) {
  68. #fAdminWrite {
  69. .row > [class^="col-sm-"] {
  70. margin-bottom: 0.5rem;
  71. }
  72. .row.align-items-center > label.col-form-label {
  73. padding-bottom: 0;
  74. font-weight: 600;
  75. }
  76. }
  77. }
  78. // 검색 form 좌측 라벨 — PC 에서 라벨 폭을 일관되게 (Game/Order/Settlement Index 등)
  79. .search-form__label {
  80. @media (min-width: 768px) {
  81. min-width: 7rem;
  82. }
  83. }