| | |
|---|
| | | transition: transform 0.3s ease-in-out; |
|---|
| | | |
|---|
| | | &.collapsed { |
|---|
| | | transform: translateX(-100%); |
|---|
| | | transform: translateX(calc(-100% - 17px - 32px)); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .collapse-btn { |
|---|
| | | position: absolute; |
|---|
| | | top: 50%; |
|---|
| | | left: 357px; |
|---|
| | | left: 300px; |
|---|
| | | cursor: pointer; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | |
|---|
| | | transform: translateY(-50%); |
|---|
| | | |
|---|
| | | .arrow { |
|---|
| | | width: 24px; |
|---|
| | | height: 24px; |
|---|
| | | width: 32px; |
|---|
| | | height: 32px; |
|---|
| | | background: url('@/assets/images/dataCockpit/left-btn.png') center / 100% 100% no-repeat; |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | height: 0; |
|---|
| | | flex: 1; |
|---|
| | | margin-top: 20px; |
|---|
| | | overflow-x: hidden; |
|---|
| | | overflow-y: auto; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | </style> |
|---|
