@use './base.scss';
@use 'splitpanes/dist/splitpanes.css';
@use 'element-plus/theme-chalk/dark/css-vars.css';
@use './vditor.scss';
@use './contex-menu.scss';
@use './codemirror.scss';

.splitpanes__splitter {
  width: 1px;
  padding: 0 2px;
  background-color: var(--el-border-color-dark);
  position: relative;
}

.splitpanes__splitter:hover {
  width: 5px;
  background-color: var(--el-color-primary);
}

/* 除编辑器外其余元素禁用选择 */
*:not(.vditor):not(.vditor *):not(.codemirror-editor):not(.codemirror-editor *) {
  user-select: none;
}

.no-login-tip {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px;
  padding: 10px 20px;
  background-color: var(--el-color-primary-light-3);
  color: var(--el-text-color-primary);
  border-radius: 5px;
  white-space: nowrap;

  .el-button {
    margin-left: 10px;
  }
}

/* 设置滚动条宽高颜色 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: var(--el-bg-color-page);
}

/* 设置滚动条轨道的样式 */
::-webkit-scrollbar-track {
  background-color: var(--el-bg-color-page);
}

/* 设置滚动条的滑块样式 */
::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
}

/* 设置滚动条滑块的样式（鼠标悬停时） */
::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}

/* 设置滚动条滑块的样式（鼠标按下时） */
::-webkit-scrollbar-thumb:active {
  background-color: #aaa;
}

/* 设置滑块的圆角 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

.logo.cover-image {
  width: 500px;
  height: 400px;
  background-image: var(--app-cover-image);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#app {
  background-color: var(--el-bg-color);
  color: var(--el-text-color-primary);
}