chore: use example.com for example

better safe than sorry

docs/en/configure/index.md

@@ -181,7 +181,7 @@ HomeBox supports OpenID Connect (OIDC) authentication, allowing users to login u
    - `HBOX_OIDC_CLIENT_SECRET`: Client secret from your OIDC provider
 
 3. **Configure Redirect URI**: In your OIDC provider, set the redirect URI to:
-   `https://your-homebox-domain.com/api/v1/users/login/oidc/callback`
+   `https://your-homebox-domain.example.com/api/v1/users/login/oidc/callback`
 
 ### Advanced OIDC Configuration
 

docs/en/installation.md

@@ -52,7 +52,7 @@ services:
     environment:
     - HBOX_LOG_LEVEL=info
     - HBOX_LOG_FORMAT=text
-    - HBOX_WEB_MAX_FILE_UPLOAD=10
+    - HBOX_WEB_MAX_UPLOAD_SIZE=10
     # Please consider allowing analytics to help us improve Homebox (basic computer information, no personal data)
     - HBOX_OPTIONS_ALLOW_ANALYTICS=false
     volumes:

frontend/components/App/ScannerModal.vue

@@ -81,17 +81,6 @@
     errorMessage.value = t("scanner.error");
   };
 
-  const checkPermissionsError = async () => {
-    if (navigator.permissions) {
-      const permissionStatus = await navigator.permissions.query({ name: "camera" as PermissionName });
-      if (permissionStatus.state === "denied") {
-        errorMessage.value = t("scanner.permission_denied");
-        console.error("Camera permission denied");
-        return true;
-      }
-    }
-  };
-
   const handleButtonClick = () => {
     openDialog(DialogID.ProductImport, { params: { barcode: detectedBarcode.value } });
   };
@@ -103,11 +92,19 @@
       return;
     }
 
-    if (await checkPermissionsError()) {
-      return;
-    }
-
     try {
+      // Request camera permission first
+      try {
+        const stream = await navigator.mediaDevices.getUserMedia({ video: true });
+        stream.getTracks().forEach(track => track.stop());
+      } catch (err: unknown) {
+        if (err instanceof Error && err.name === "NotAllowedError") {
+          errorMessage.value = t("scanner.permission_denied");
+          return;
+        }
+        throw err;
+      }
+
       const devices = await codeReader.listVideoInputDevices();
       sources.value = devices;
 

frontend/layouts/default.vue

@@ -47,7 +47,7 @@
                 {{ btn.name.value }}
                 <Shortcut
                   v-if="btn.shortcut"
-                  class="ml-auto hidden group-hover:inline"
+                  class="invisible ml-auto group-hover:visible"
                   :keys="btn.shortcut.replace('Shift', '⇧').split('+')"
                 />
               </DropdownMenuItem>