fix(mobile): improve iOS Safari compatibility and bump version to 2.3.2

- Prevent auto-zoom on touch devices via any-pointer: coarse 16px font-size guard
- Add 100dvh dynamic viewport height fallbacks across views
- Support vertical scrolling during virtual keyboard display on admin login page
- Refactor admin layout main container to use flexbox instead of calc(100vh - 64px)
- Bump version to 2.3.2 across all configurations and tests

Author: workHMZ

frontend/package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "r2filebox-frontend",
   "private": true,
-  "version": "2.3.1",
+  "version": "2.3.2",
   "license": "LGPL-3.0-or-later",
   "type": "module",
   "engines": {

frontend/package.json

@@ -190,6 +190,7 @@ html,
 body,
 #app {
   min-height: 100vh;
+  min-height: 100dvh;
   background: var(--surface-canvas);
   color: var(--text-primary);
 }
@@ -854,3 +855,18 @@ a:focus-visible,
     outline-color: Highlight;
   }
 }
+
+/*
+ * Prevent touch browsers such as iOS Safari from auto-zooming
+ * focused form controls whose computed font size is below 16px.
+ *
+ * Keep this rule at the native control level so Element Plus
+ * defaults and future form components cannot reintroduce the issue.
+ */
+@media (any-pointer: coarse) {
+  input,
+  textarea,
+  select {
+    font-size: 16px !important;
+  }
+}

frontend/src/styles/main.scss

@@ -200,10 +200,12 @@ const handleLogin = async () => {
 .login-container {
   position: relative;
   min-height: 100vh;
+  min-height: 100dvh;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   justify-content: center;
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 
 .sr-only {
@@ -228,7 +230,7 @@ const handleLogin = async () => {
 .login-card {
   width: 100%;
   max-width: 420px;
-  margin: 20px;
+  margin: auto 20px;
   padding: 42px 34px 30px;
   border-top: 3px solid var(--primary-color);
 }

frontend/src/views/admin/Login.vue

@@ -306,6 +306,7 @@ const confirmLogout = async () => {
 <style scoped>
 .admin-layout {
   height: 100vh;
+  height: 100dvh;
   position: relative;
   overflow: hidden;
   background: var(--surface-canvas);
@@ -573,8 +574,9 @@ const confirmLogout = async () => {
 
 /* 内容区 */
 .admin-main {
+  flex: 1 1 auto;
+  min-height: 0;
   padding: 22px;
-  height: calc(100vh - 64px);
   overflow-y: auto;
 }
 

frontend/src/views/admin/index.vue

@@ -294,6 +294,7 @@ const handleDialogClosed = () => {
 .home-container {
   position: relative;
   min-height: 100vh;
+  min-height: 100dvh;
   overflow-x: hidden;
 }
 
@@ -303,6 +304,7 @@ const handleDialogClosed = () => {
   display: flex;
   width: min(100% - 40px, 960px);
   min-height: 100vh;
+  min-height: 100dvh;
   margin: 0 auto;
   padding: 28px 0 24px;
   flex-direction: column;

frontend/src/views/home/index.vue

@@ -272,6 +272,7 @@ watch(() => route.params.code, (value) => {
 .share-view-container {
   position: relative;
   min-height: 100vh;
+  min-height: 100dvh;
   overflow-x: hidden;
 }
 
@@ -283,6 +284,7 @@ watch(() => route.params.code, (value) => {
   margin: 0 auto;
   padding: 28px 0;
   min-height: 100vh;
+  min-height: 100dvh;
   display: flex;
   flex-direction: column;
   gap: 14px;

frontend/src/views/share/View.vue

@@ -1,6 +1,6 @@
 {
   "name": "r2filebox",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "private": true,
   "license": "LGPL-3.0-or-later",
   "engines": {

package-lock.json

@@ -17,7 +17,7 @@ export default defineConfig({
           ADMIN_PASSWORD: 'local-test-password',
           CODE_HASH_PEPPER: '1111111111111111111111111111111111111111111111111111111111111111',
           SESSION_SECRET: '2222222222222222222222222222222222222222222222222222222222222222',
-          APP_VERSION: '2.3.1',
+          APP_VERSION: '2.3.2',
           R2_BUCKET_NAME: 'r2filebox-files',
           D1_DATABASE_NAME: 'r2filebox-db',
         },