| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .comprehensive { |
| | | display: flex; |
| | | flex-direction: column; |
| | | height: 100%; |
| | | padding: 20px; |
| | | .menus { |
| | | background: var(--color-bg-2); |
| | | margin-top: 8px; |
| | | padding: 14px 20px; |
| | | display: flex; |
| | | align-items: center; |
| | | position: relative; |
| | | > div { |
| | | margin-right: 20px; |
| | | } |
| | | .right { |
| | | .menus .right { |
| | | background: var(--color-fill-2); |
| | | padding: 2px; |
| | | display: flex; |
| | |
| | | } |
| | | } |
| | | } |
| | | .main .menus { |
| | | padding: 0 !important; |
| | | margin-bottom: 20px; |
| | | } |
| | | .comprehensive { |
| | | display: flex; |
| | | flex-direction: column; |
| | | height: 100%; |
| | | padding: 20px; |
| | | .menus { |
| | | background: var(--color-bg-2); |
| | | margin-top: 8px; |
| | | padding: 14px 20px; |
| | | display: flex; |
| | | align-items: center; |
| | | position: relative; |
| | | > div { |
| | | margin-right: 20px; |
| | | } |
| | | } |
| | | .main { |
| | | padding: 8px 20px; |
| | | background: var(--color-bg-2); |
| | | margin-top: 8px; |
| | | flex: 1; |
| | | .menus { |
| | | padding: 0; |
| | | margin-bottom: 20px; |
| | | } |
| | | .cards { |
| | | overflow: hidden; |
| | | > div { |