| | |
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | | <style lang="scss" scoped>
|
|---|
| | | .app-main {
|
|---|
| | | /* 50= navbar 50 */
|
|---|
| | | min-height: calc(100vh - 50px);
|
|---|
| | | width: 100%;
|
|---|
| | | position: relative;
|
|---|
| | | overflow: hidden;
|
|---|
| | | background: transparent;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .route-view-wrapper {
|
|---|
| | | width: 100%;
|
|---|
| | | height: 100%;
|
|---|
| | | padding: 120px 16px 24px 0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .fixed-header + .app-main {
|
|---|
| | | padding-top: 0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .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: 0;
|
|---|
