mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-12-14 14:48:53 +09:00
Code

🎨

Browse Source
This commit is contained in:
syuilo 2021-10-09 14:47:52 +09:00
parent 6b22b7a31f
commit 49b43eb3c8
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/client/components/global/header.vue
View File

@ -91,11 +91,15 @@ export default defineComponent({
bg.setAlpha(0.85);
this.bg = bg.toRgbString();
if (this.$el.parentElement == null) return;
if (this.$el.parentElement) {
this.narrow = this.$el.parentElement.offsetWidth < 500;
new ResizeObserver((entries, observer) => {
this.narrow = this.$el.parentElement.offsetWidth < 500;
}).observe(this.$el.parentElement);
const currentStickyTop = getComputedStyle(this.$el).getPropertyValue('--stickyTop') || '0px';
this.$el.style.setProperty('--stickyTop', currentStickyTop);
this.$el.parentElement.style.setProperty('--stickyTop', `calc(${currentStickyTop} + ${this.$el.offsetHeight}px)`);
}
},
methods: {