Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: fix error

Browse Source
This commit is contained in:
syuilo 2021-10-11 02:47:23 +09:00
parent 816493e01f
commit abd3efa318
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -153,9 +153,15 @@ export default defineComponent({
if (el.value.parentElement) {
narrow.value = el.value.parentElement.offsetWidth < 500;
new ResizeObserver((entries, observer) => {
narrow.value = el.value.parentElement.offsetWidth < 500;
}).observe(el.value.parentElement);
const ro = new ResizeObserver((entries, observer) => {
if (el.value) {
narrow.value = el.value.parentElement.offsetWidth < 500;
}
});
ro.observe(el.value.parentElement);
onUnmounted(() => {
ro.disconnect();
});
setTimeout(() => {
const currentStickyTop = getComputedStyle(el.value.parentElement).getPropertyValue('--stickyTop') || '0px';
el.value.style.setProperty('--stickyTop', currentStickyTop);
@ -191,6 +197,7 @@ export default defineComponent({
width: 100%;
-webkit-backdrop-filter: var(--blur, blur(15px));
backdrop-filter: var(--blur, blur(15px));
border-bottom: solid 0.5px var(--divider);
&.thin {
--height: 50px;