@wfrog/vc/dist/es/components/sync-scroll-container/index.css

vue3 组件库 vc

/* source: src/components/sync-scroll-container/sync-scroll-container.vue */
._wrapper_1wn6e_1 {
  position: relative;
  box-sizing: border-box;
  width: var(--v9205c19e);
  height: var(--v42f97a9c);
  overflow: auto;
}
._wrapper_1wn6e_1._border_1wn6e_8 {
  border: 1px solid var(--el-border-color);
}
._header_1wn6e_12 {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 5;
  display: flex;
  width: 100%;
  height: var(--v47f551fd);
  overflow: hidden;
  background-color: var(--el-bg-color);
}
._header_1wn6e_12._border_1wn6e_8 {
  border-bottom: 1px solid var(--el-border-color);
}
._header-container_1wn6e_27 {
  width: var(--c2d4b0de);
}
._header-shadow_1wn6e_31 {
  position: sticky;
  top: var(--v47f551fd);
  left: 0;
  z-index: 4;
  width: var(--v6afeb138);
  min-width: 100%;
  height: 0;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
}
._corner_1wn6e_42 {
  position: sticky;
  left: 0;
  z-index: 3;
  box-sizing: border-box;
  flex-shrink: 0;
  width: var(--v67ebf0b3);
  background-color: var(--el-bg-color);
}
._corner_1wn6e_42._border_1wn6e_8 {
  border-right: 1px solid var(--el-border-color);
}
._corner_1wn6e_42._shadow_1wn6e_54 {
  box-shadow: 3px 0 5px -2px rgba(0, 0, 0, 0.2);
}
._container_1wn6e_58 {
  position: absolute;
  top: var(--v47f551fd);
  left: var(--v67ebf0b3);
  display: flex;
  background-color: var(--el-bg-color);
}
._sidebar_1wn6e_66 {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
  box-sizing: border-box;
  display: flex;
  width: var(--v67ebf0b3);
  height: var(--v2c08735c);
  min-height: var(--v665c6d64);
  background-color: var(--el-bg-color);
}
._sidebar_1wn6e_66._border_1wn6e_8 {
  border-right: 1px solid var(--el-border-color);
}
._sidebar_1wn6e_66._shadow_1wn6e_54 {
  box-shadow: 3px 0 5px -2px rgba(0, 0, 0, 0.2);
}
._body_1wn6e_85 {
  position: relative;
  height: var(--v2c08735c);
}