diff options
Diffstat (limited to 'src/client/ui/universal.vue')
| -rw-r--r-- | src/client/ui/universal.vue | 39 |
1 files changed, 0 insertions, 39 deletions
diff --git a/src/client/ui/universal.vue b/src/client/ui/universal.vue index ec9254b697..7c25d71bb3 100644 --- a/src/client/ui/universal.vue +++ b/src/client/ui/universal.vue @@ -3,9 +3,6 @@ <XSidebar ref="nav" class="sidebar"/> <div class="contents" ref="contents" @contextmenu.stop="onContextmenu" :style="{ background: pageInfo?.bg }"> - <header class="header" ref="header" @click="onHeaderClick" :style="{ background: pageInfo?.bg }"> - <XHeader :info="pageInfo" :back-button="true" @back="back()"/> - </header> <main ref="main"> <div class="content"> <router-view v-slot="{ Component }"> @@ -58,7 +55,6 @@ import { instanceName } from '@client/config'; import { StickySidebar } from '@client/scripts/sticky-sidebar'; import XSidebar from '@client/ui/_common_/sidebar.vue'; import XCommon from './_common_/common.vue'; -import XHeader from './_common_/header.vue'; import XSide from './default.side.vue'; import * as os from '@client/os'; import { menuDef } from '@client/menu'; @@ -70,7 +66,6 @@ export default defineComponent({ components: { XCommon, XSidebar, - XHeader, XWidgets: defineAsyncComponent(() => import('./universal.widgets.vue')), XSide, // NOTE: dynamic importするとAsyncComponentWrapperが間に入るせいでref取得できなくて面倒になる }, @@ -151,9 +146,6 @@ export default defineComponent({ adjustUI() { const navWidth = this.$refs.nav.$el.offsetWidth; this.navHidden = navWidth === 0; - if (this.$refs.contents == null) return; - const width = this.$refs.contents.offsetWidth; - if (this.$refs.header) this.$refs.header.style.width = `${width}px`; }, showNav() { @@ -183,10 +175,6 @@ export default defineComponent({ if (window._scroll) window._scroll(); }, - onHeaderClick() { - window.scroll({ top: 0, behavior: 'smooth' }); - }, - onContextmenu(e) { const isLink = (el: HTMLElement) => { if (el.tagName === 'A') return true; @@ -243,7 +231,6 @@ export default defineComponent({ } .mk-app { - $header-height: 58px; // TODO: どこかに集約したい $ui-font-size: 1em; // TODO: どこかに集約したい $widgets-hide-threshold: 1090px; @@ -263,37 +250,11 @@ export default defineComponent({ > .contents { width: 100%; min-width: 0; - --stickyTop: #{$header-height}; - padding-top: $header-height; background: var(--panel); - > .header { - position: fixed; - z-index: 1000; - top: 0; - height: $header-height; - width: 100%; - line-height: $header-height; - text-align: center; - font-weight: bold; - //background-color: var(--panel); - -webkit-backdrop-filter: var(--blur, blur(32px)); - backdrop-filter: var(--blur, blur(32px)); - background-color: var(--header); - border-bottom: solid 0.5px var(--divider); - user-select: none; - } - > main { min-width: 0; - > .content { - > * { - // ほんとは単に calc(100vh - #{$header-height}) と書きたいところだが... https://css-tricks.com/the-trick-to-viewport-units-on-mobile/ - min-height: calc((var(--vh, 1vh) * 100) - #{$header-height}); - } - } - > .spacer { height: 82px; |