global.less 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. /*
  2. * Copyright (c) 2024 LangChat. TyCoding All Rights Reserved.
  3. *
  4. * Licensed under the GNU Affero General Public License, Version 3 (the "License");
  5. * you may not use this file except in compliance with the License.
  6. * You may obtain a copy of the License at
  7. *
  8. * https://www.gnu.org/licenses/agpl-3.0.html
  9. *
  10. * Unless required by applicable law or agreed to in writing, software
  11. * distributed under the License is distributed on an "AS IS" BASIS,
  12. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13. * See the License for the specific language governing permissions and
  14. * limitations under the License.
  15. */
  16. html,
  17. body,
  18. #app {
  19. height: 100%;
  20. }
  21. body {
  22. padding-bottom: constant(safe-area-inset-bottom);
  23. padding-bottom: env(safe-area-inset-bottom);
  24. }
  25. .n-scrollbar-content {
  26. height: 100%;
  27. }
  28. .custom-popover {
  29. &:focus {
  30. outline: none !important;
  31. border: none !important;
  32. }
  33. background: #27272a !important;
  34. color: #ffffff !important;
  35. padding: 3px 8px !important;
  36. .n-popover-arrow {
  37. background: #27272a !important;
  38. }
  39. }
  40. .bold-cascader {
  41. .n-base-selection-label {
  42. font-weight: bold;
  43. }
  44. }
  45. .dot-bg {
  46. height: 100%;
  47. background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.13) 1.2px, transparent 0);
  48. background-size: 15px 15px;
  49. background-repeat: round;
  50. }
  51. .n-tabs .n-tabs-rail {
  52. //position: relative;
  53. }
  54. ::-webkit-scrollbar {
  55. display: none;
  56. }
  57. body {
  58. -ms-overflow-style: none; /* IE 和 Edge */
  59. scrollbar-width: none; /* Firefox */
  60. }
  61. .n-avatar {
  62. background: transparent !important;
  63. }
  64. .grid-mask {
  65. height: 100%;
  66. background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.13) 0.8px, transparent 0);
  67. background-size: 16px 16px;
  68. background-repeat: round;
  69. }
  70. .n-layout-sider, .n-layout {
  71. background-color: transparent !important;
  72. }