sgd.git - Gitblit

			@@ -6,15 +6,17 @@
			</keep-alive>
			</transition>
			<iframe-toggle />
			<copyright />
			</section>
			</template>

			<script>
			import copyright from "./Copyright/index"
			import iframeToggle from "./IframeToggle/index"

			export default {
			name: 'AppMain',
			components: { iframeToggle },
			components: { iframeToggle, copyright },
			computed: {
			cachedViews() {
			return this.$store.state.tagsView.cachedViews
			@@ -33,7 +35,7 @@
			},
			methods: {
			addIframe() {
			const {name} = this.$route
			const { name } = this.$route
			if (name && this.$route.meta.link) {
			this.$store.dispatch('tagsView/addIframeView', this.$route)
			}
			@@ -49,10 +51,29 @@
			width: 100%;
			position: relative;
			overflow: hidden;

			&:fullscreen,
			&:-webkit-full-screen,
			&:-moz-full-screen,
			&:-ms-fullscreen {
			background: #fff;
			overflow-y: auto;
			}
			}

			.fixed-header + .app-main {
			padding-top: 50px;
			overflow-y: auto;
			scrollbar-gutter: auto;
			height: calc(100vh - 50px);
			min-height: 0px;
			}

			.app-main:has(.copyright) {
			padding-bottom: 36px;
			}

			.fixed-header + .app-main {
			margin-top: 50px;
			}

			.hasTagsView {
			@@ -62,19 +83,47 @@
			}

			.fixed-header + .app-main {
			padding-top: 84px;
			margin-top: 84px;
			height: calc(100vh - 84px);
			min-height: 0px;
			}
			}

			/* 移动端fixed-header优化 */
			@media screen and (max-width: 991px) {
			.fixed-header + .app-main {
			padding-bottom: max(60px, calc(constant(safe-area-inset-bottom) + 40px));
			padding-bottom: max(60px, calc(env(safe-area-inset-bottom) + 40px));
			overscroll-behavior-y: none;
			}

			.hasTagsView .fixed-header + .app-main {
			padding-bottom: max(60px, calc(constant(safe-area-inset-bottom) + 40px));
			padding-bottom: max(60px, calc(env(safe-area-inset-bottom) + 40px));
			overscroll-behavior-y: none;
			}
			}

			@supports (-webkit-touch-callout: none) {
			@media screen and (max-width: 991px) {
			.fixed-header + .app-main {
			padding-bottom: max(17px, calc(constant(safe-area-inset-bottom) + 10px));
			padding-bottom: max(17px, calc(env(safe-area-inset-bottom) + 10px));
			height: calc(100svh - 50px);
			height: calc(100dvh - 50px);
			}

			.hasTagsView .fixed-header + .app-main {
			padding-bottom: max(17px, calc(constant(safe-area-inset-bottom) + 10px));
			padding-bottom: max(17px, calc(env(safe-area-inset-bottom) + 10px));
			height: calc(100svh - 84px);
			height: calc(100dvh - 84px);
			}
			}
			}
			</style>

			<style lang="scss">
			// fix css style bug in open el-dialog
			.el-popup-parent--hidden {
			.fixed-header {
			padding-right: 6px;
			}
			}

			::-webkit-scrollbar {
			width: 6px;
			height: 6px;
			@@ -88,4 +137,4 @@
			background-color: #c0c0c0;
			border-radius: 3px;
			}
			</style>
			</style>