| | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .column { |
|---|
| | | overflow-y: hidden; |
|---|
| | | display: flex; |
|---|
| | | //display: flex; |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | |
|---|
| | | // height: inherit; |
|---|
| | | background-color: #fff; |
|---|
| | | position: relative; |
|---|
| | | float: left; |
|---|
| | | } |
|---|
| | | .column-right { |
|---|
| | | position: relative; |
|---|
| | | flex: 1; |
|---|
| | | //flex: 1; |
|---|
| | | background-color: #fff; |
|---|
| | | box-sizing: border-box; |
|---|
| | | overflow-y: hidden; |
|---|
| | |
|---|
| | | left: 0; |
|---|
| | | padding: 14px; |
|---|
| | | overflow-x: hidden; |
|---|
| | | overflow-y: hidden; |
|---|
| | | //overflow-y: hidden; |
|---|
| | | } |
|---|
| | | .resize-bar { |
|---|
| | | width: 310px; |
|---|
| | |
|---|
| | | border-right: 2px solid #efefef; |
|---|
| | | border-left: 1px solid #e0e0e0; |
|---|
| | | pointer-events: none; |
|---|
| | | cursor: ew-resize; |
|---|
| | | //cursor: ew-resize; |
|---|
| | | } |
|---|
| | | .resize-bar:hover ~ .resize-line, |
|---|
| | | .resize-bar:active ~ .resize-line { |
|---|
