diff --git a/README.md b/README.md index 926fe96..a40c794 100644 --- a/README.md +++ b/README.md @@ -51,8 +51,11 @@ For self-deployment, download the `NanoKVM-USB-xxx-browser.zip` and serve it. Re Download the appropriate package for your operating system and install it. > For Linux users, a permission error may occur when connecting to the serial port. -> To resolve this, run `sudo usermod -a -G dialout $USER`, then log out and log back in or restart your system. - +> To resolve this run the commands below matching your system, then log out and log back in or restart your system. +> #### Debian +> `sudo usermod -a -G dialout $USER` +> #### Arch +> `sudo usermod -a -G uucp $USER` ## Where to Buy * [AliExpress Store]() (To be released) diff --git a/browser/src/App.tsx b/browser/src/App.tsx index 2c11e7a..c79e2f9 100644 --- a/browser/src/App.tsx +++ b/browser/src/App.tsx @@ -10,7 +10,12 @@ import { Keyboard } from '@/components/keyboard'; import { Menu } from '@/components/menu'; import { Mouse } from '@/components/mouse'; import { VirtualKeyboard } from '@/components/virtual-keyboard'; -import { resolutionAtom, serialStateAtom, videoStateAtom } from '@/jotai/device.ts'; +import { + resolutionAtom, + serialStateAtom, + videoScaleAtom, + videoStateAtom +} from '@/jotai/device.ts'; import { isKeyboardEnableAtom } from '@/jotai/keyboard.ts'; import { mouseStyleAtom } from '@/jotai/mouse.ts'; import { camera } from '@/libs/camera'; @@ -23,6 +28,7 @@ const App = () => { const isBigScreen = useMediaQuery({ minWidth: 850 }); const mouseStyle = useAtomValue(mouseStyleAtom); + const videoScale = useAtomValue(videoScaleAtom); const videoState = useAtomValue(videoStateAtom); const serialState = useAtomValue(serialStateAtom); const isKeyboardEnable = useAtomValue(isKeyboardEnableAtom); @@ -107,7 +113,13 @@ const App = () => {