diff options
| author | Hazelnoot <acomputerdog@gmail.com> | 2025-06-01 17:59:16 +0000 |
|---|---|---|
| committer | Hazelnoot <acomputerdog@gmail.com> | 2025-06-01 17:59:16 +0000 |
| commit | 8894578b2a0ff30e8b61673f7c079f7f70b684c0 (patch) | |
| tree | 616f109ef5f0ee44cd0cd0e6488a6819299df586 /packages/frontend/src/components/global | |
| parent | merge: Increase default "max file size" role policy (resolves #1083) (!1078) (diff) | |
| parent | fix lint error in admin-user.vue (diff) | |
| download | sharkey-8894578b2a0ff30e8b61673f7c079f7f70b684c0.tar.gz sharkey-8894578b2a0ff30e8b61673f7c079f7f70b684c0.tar.bz2 sharkey-8894578b2a0ff30e8b61673f7c079f7f70b684c0.zip | |
merge: Instance admin UX improvements (!1059)
View MR for information: https://activitypub.software/TransFem-org/Sharkey/-/merge_requests/1059
Approved-by: dakkar <dakkar@thenautilus.net>
Approved-by: Marie <github@yuugi.dev>
Diffstat (limited to 'packages/frontend/src/components/global')
| -rw-r--r-- | packages/frontend/src/components/global/MkStickyContainer.vue | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/packages/frontend/src/components/global/MkStickyContainer.vue b/packages/frontend/src/components/global/MkStickyContainer.vue index 05245716c2..73ce393113 100644 --- a/packages/frontend/src/components/global/MkStickyContainer.vue +++ b/packages/frontend/src/components/global/MkStickyContainer.vue @@ -5,17 +5,17 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <div ref="rootEl"> - <div ref="headerEl" :class="$style.header"> + <div ref="headerEl" :class="{ [$style.header]: sticky }"> <slot name="header"></slot> </div> <div - :class="$style.body" + :class="{ [$style.body]: sticky }" :data-sticky-container-header-height="headerHeight" :data-sticky-container-footer-height="footerHeight" > <slot></slot> </div> - <div ref="footerEl" :class="$style.footer"> + <div ref="footerEl" :class="{ [$style.footer]: sticky }"> <slot name="footer"></slot> </div> </div> @@ -25,6 +25,12 @@ SPDX-License-Identifier: AGPL-3.0-only import { onMounted, onUnmounted, provide, inject, ref, watch, useTemplateRef } from 'vue'; import { DI } from '@/di.js'; +withDefaults(defineProps<{ + sticky?: boolean, +}>(), { + sticky: true, +}); + const rootEl = useTemplateRef('rootEl'); const headerEl = useTemplateRef('headerEl'); const footerEl = useTemplateRef('footerEl'); |