Add tablet landscape layout and allow PWA horizontal orientation.

Split mobile and tablet breakpoints, restore desktop-style reading on landscape tablets, and lock Android tablet apps to landscape.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-16 14:47:50 +08:00
parent 1eb5264d4d
commit bb4f0c265d
5 changed files with 82 additions and 4 deletions
+2 -2
View File
@@ -36,7 +36,7 @@ function onBeforeInstallPrompt(event: Event) {
}
onMounted(() => {
isMobile.value = window.matchMedia('(max-width: 768px)').matches
isMobile.value = window.matchMedia('(max-width: 767px)').matches
if (sessionStorage.getItem('install-app-dismissed') === '1') {
dismissed.value = true
@@ -172,7 +172,7 @@ function dismiss() {
color: var(--vp-c-text-2);
}
@media (max-width: 768px) {
@media (max-width: 767px) {
.install-app {
left: 12px;
right: 12px;