| | |
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | | <style lang="scss" scoped>
|
|---|
| | | .app-main {
|
|---|
| | | /* 50= navbar 50 */
|
|---|
| | | min-height: calc(100vh - 50px);
|
|---|
| | | width: 100%;
|
|---|
| | | position: relative;
|
|---|
| | | overflow: hidden;
|
|---|
| | | background: #F5F7FB;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .route-view-wrapper {
|
|---|
| | | width: 100%;
|
|---|
| | | height: 100%;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .fixed-header + .app-main {
|
|---|
| | | padding-top: 50px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .hasTagsView {
|
|---|
| | | .app-main {
|
|---|
| | | /* 84 = navbar + tags-view = 50 + 34 */
|
|---|
| | | min-height: calc(100vh - 84px);
|
|---|
| | | }
|
|---|
| | | .app-main { |
|---|
| | | min-height: calc(100vh - var(--topbar-height)); |
|---|
| | | width: 100%; |
|---|
| | | position: relative; |
|---|
| | | overflow: visible; |
|---|
| | | background: transparent; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .route-view-wrapper { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | padding: var(--content-gap); |
|---|
| | | padding-top: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .fixed-header + .app-main { |
|---|
| | | padding-top: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .hasTagsView { |
|---|
| | | .app-main { |
|---|
| | | min-height: calc(100vh - var(--topbar-height) - var(--tagsbar-height)); |
|---|
| | | } |
|---|
| | |
|
|---|
| | | .fixed-header + .app-main {
|
|---|
| | | padding-top: 84px;
|
|---|
| | | padding-top: 0;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
| | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | ::-webkit-scrollbar-track {
|
|---|
| | | background-color: #f1f1f1;
|
|---|
| | | background-color: rgba(218, 225, 220, 0.8);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | ::-webkit-scrollbar-thumb {
|
|---|
| | | background-color: #c0c0c0;
|
|---|
| | | background-color: #b2bdb5;
|
|---|
| | | border-radius: 3px;
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
