diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-10-31 13:46:58 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-10-31 13:46:58 +0900 |
| commit | e6e5bf1da4198e3d2c19b02ede3a6777c37e1c7e (patch) | |
| tree | c3224a2afd86cf43478efc67f365b3a967038067 | |
| parent | fix(backend): アクセストークンを削除すると、通知が取得で... (diff) | |
| download | sharkey-e6e5bf1da4198e3d2c19b02ede3a6777c37e1c7e.tar.gz sharkey-e6e5bf1da4198e3d2c19b02ede3a6777c37e1c7e.tar.bz2 sharkey-e6e5bf1da4198e3d2c19b02ede3a6777c37e1c7e.zip | |
:art:
| -rw-r--r-- | packages/frontend/src/components/global/MkFooterSpacer.vue | 32 | ||||
| -rw-r--r-- | packages/frontend/src/components/index.ts | 7 | ||||
| -rw-r--r-- | packages/frontend/src/pages/settings/index.vue | 1 |
3 files changed, 38 insertions, 2 deletions
diff --git a/packages/frontend/src/components/global/MkFooterSpacer.vue b/packages/frontend/src/components/global/MkFooterSpacer.vue new file mode 100644 index 0000000000..07df76b256 --- /dev/null +++ b/packages/frontend/src/components/global/MkFooterSpacer.vue @@ -0,0 +1,32 @@ +<!-- +SPDX-FileCopyrightText: syuilo and other misskey contributors +SPDX-License-Identifier: AGPL-3.0-only +--> + +<template> +<div :class="[$style.spacer, defaultStore.reactiveState.darkMode ? $style.dark : $style.light]"></div> +</template> + +<script lang="ts" setup> +import { defaultStore } from '@/store.js'; +</script> + +<style lang="scss" module> +.spacer { + box-sizing: border-box; + padding: 32px; + margin: 0 auto; + height: 300px; + background-clip: content-box; + background-size: auto auto; + background-color: rgba(255, 255, 255, 0); + + &.light { + background-image: repeating-linear-gradient(135deg, transparent, transparent 16px, #00000026 16px, #00000026 20px ); + } + + &.dark { + background-image: repeating-linear-gradient(135deg, transparent, transparent 16px, #FFFFFF16 16px, #FFFFFF16 20px ); + } +} +</style> diff --git a/packages/frontend/src/components/index.ts b/packages/frontend/src/components/index.ts index 48af4754d7..c740d181f9 100644 --- a/packages/frontend/src/components/index.ts +++ b/packages/frontend/src/components/index.ts @@ -5,7 +5,7 @@ import { App } from 'vue'; -import Mfm from './global/MkMisskeyFlavoredMarkdown.ts'; +import Mfm from './global/MkMisskeyFlavoredMarkdown.js'; import MkA from './global/MkA.vue'; import MkAcct from './global/MkAcct.vue'; import MkAvatar from './global/MkAvatar.vue'; @@ -16,13 +16,14 @@ import MkUserName from './global/MkUserName.vue'; import MkEllipsis from './global/MkEllipsis.vue'; import MkTime from './global/MkTime.vue'; import MkUrl from './global/MkUrl.vue'; -import I18n from './global/i18n'; +import I18n from './global/i18n.js'; import RouterView from './global/RouterView.vue'; import MkLoading from './global/MkLoading.vue'; import MkError from './global/MkError.vue'; import MkAd from './global/MkAd.vue'; import MkPageHeader from './global/MkPageHeader.vue'; import MkSpacer from './global/MkSpacer.vue'; +import MkFooterSpacer from './global/MkFooterSpacer.vue'; import MkStickyContainer from './global/MkStickyContainer.vue'; export default function(app: App) { @@ -50,6 +51,7 @@ export const components = { MkAd: MkAd, MkPageHeader: MkPageHeader, MkSpacer: MkSpacer, + MkFooterSpacer: MkFooterSpacer, MkStickyContainer: MkStickyContainer, }; @@ -73,6 +75,7 @@ declare module '@vue/runtime-core' { MkAd: typeof MkAd; MkPageHeader: typeof MkPageHeader; MkSpacer: typeof MkSpacer; + MkFooterSpacer: typeof MkFooterSpacer; MkStickyContainer: typeof MkStickyContainer; } } diff --git a/packages/frontend/src/pages/settings/index.vue b/packages/frontend/src/pages/settings/index.vue index cfabbbbf65..361a6c8c78 100644 --- a/packages/frontend/src/pages/settings/index.vue +++ b/packages/frontend/src/pages/settings/index.vue @@ -23,6 +23,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> </div> </MkSpacer> + <MkFooterSpacer/> </mkstickycontainer> </template> |