HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix(client): patch widget sidebar

Browse source
This commit is contained in:
Eana Hufwe 2024-07-30 23:48:27 +00:00 committed by GitHub
parent f0337595f6
commit a2762e71ad
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
packages/client/src/ui/universal.vue
View file

@ -237,13 +237,18 @@ const DESKTOP_THRESHOLD = 1100;
const MOBILE_THRESHOLD = 500; const MOBILE_THRESHOLD = 500;
// デスクトップでウィンドウを狭くしたときモバイルUIが表示されて欲しいことはあるので deviceKind === 'desktop' の判定は行わない // デスクトップでウィンドウを狭くしたときモバイルUIが表示されて欲しいことはあるので deviceKind === 'desktop' の判定は行わない
const isDesktop = ref(window.innerWidth >= DESKTOP_THRESHOLD); const windowBlockSize = getComputedStyle(document.documentElement)[
"writing-mode"
].startsWith("vertical")
? window.innerHeight
: window.innerWidth;
const isDesktop = ref(windowBlockSize >= DESKTOP_THRESHOLD);
const isMobile = ref( const isMobile = ref(
deviceKind === "smartphone" || window.innerWidth <= MOBILE_THRESHOLD, deviceKind === "smartphone" || windowBlockSize <= MOBILE_THRESHOLD,
); );
window.addEventListener("resize", () => { window.addEventListener("resize", () => {
isMobile.value = isMobile.value =
deviceKind === "smartphone" || window.innerWidth <= MOBILE_THRESHOLD; deviceKind === "smartphone" || windowBlockSize <= MOBILE_THRESHOLD;
}); });
const replaceChatButtonWithAccountButton = const replaceChatButtonWithAccountButton =