| <template> |
| <div class="app-container"> |
| <div class="sect-container card-container"> |
| <div class="container-body"> |
| <div class="body-left"></div> |
| <div class="divider"></div> |
| <div class="body-right"></div> |
| </div> |
| </div> |
| </div> |
| </template> |
| |
| <style lang="scss" scoped> |
| .app-container { |
| background-color: #f6f6f6; |
| height: calc(100vh - 80px); |
| overflow: auto; |
| margin: 0; |
| padding: 0; |
| } |
| .sect-container { |
| padding: 15px !important; |
| } |
| .card-container { |
| margin: 15px 10px; |
| background: #ffffff; |
| border-radius: 12px; |
| box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); |
| } |
| |
| .container-body { |
| display: flex; |
| justify-content: space-between; |
| .body-left { |
| flex: 1; |
| } |
| .divider { |
| padding: 0 6px; |
| } |
| .body-right { |
| flex: 3; |
| } |
| } |
| </style> |
