Version Tree: Retro Sofa Sketch
@@ -132,10 +130,23 @@ const {} = toRefs(data);
--treeItem-background: #ffffff;
--treeItem-active-background: #e6e6e6;
- :deep(.versionTreeBody){
- --el-drawer-padding-primary: 0rem;
- display: flex;
- flex-direction: column;
+ :deep(.versionTreeBody) {
+ --el-drawer-padding-primary: 0rem;
+ display: flex;
+ flex-direction: column;
+ }
+ .versionTreeTitle {
+ width: 100%;
+ height: 8rem;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0 0.8rem 0 2.4rem;
+ border-bottom: 1px solid #c9c9c9;
+ > span {
+ font-size: 2rem;
+ font-weight: 600;
+ font-family: 'SemiBold';
}
.versionTreeTitle{
width: 100%;
@@ -213,4 +224,24 @@ const {} = toRefs(data);
}
}
}
-
\ No newline at end of file
+ .expandBtnBox {
+ }
+ .versionTreeBox {
+ flex: 1;
+ display: flex;
+ overflow: hidden;
+ > .tree {
+ flex: 1;
+ height: 100%;
+ overflow: hidden;
+ padding: 2.1rem 0 5.4rem 2.2rem;
+ }
+ > .detail {
+ width: 35rem;
+ margin: 2.1rem 3rem 5.4rem 3.4rem;
+ height: calc(100% - 2.1rem - 5.4rem);
+ overflow: hidden;
+ }
+ }
+}
+