From 2afbe44e0618b000d7a21a516eec8292af7cc464 Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Sun, 4 May 2025 13:38:02 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=BA=E8=99=9A=E6=8B=9F=E9=94=AE?=
 =?UTF-8?q?=E7=9B=98=E6=B7=BB=E5=8A=A0F1-F12=E7=9A=84=E6=8C=89=E9=94=AE?=
 =?UTF-8?q?=EF=BC=8C=E5=B9=B6=E4=BC=98=E5=8C=96=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/VirtualKeyboard.vue | 11 +++++++++--
 packages/frontend/src/views/WorkspaceView.vue        |  2 ++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/VirtualKeyboard.vue b/packages/frontend/src/components/VirtualKeyboard.vue
index 478ccc4..6b1fdcf 100644
--- a/packages/frontend/src/components/VirtualKeyboard.vue
+++ b/packages/frontend/src/components/VirtualKeyboard.vue
@@ -82,7 +82,14 @@ const keys: KeyDefinition[] = [
   { label: 'End', sequence: '\x1b[4~', type: 'navigation' }, // +++ End +++
   { label: 'PgUp', sequence: '\x1b[5~', type: 'navigation' }, // +++ PageUp +++
   { label: 'PgDn', sequence: '\x1b[6~', type: 'navigation' }, // +++ PageDown +++
-  // Row 3: Alphabet Keys (A-Z)
+  // Row 3: Function Keys (F1-F12)
+  { label: 'F1', sequence: '\x1b[11~', type: 'special' }, { label: 'F2', sequence: '\x1b[12~', type: 'special' },
+  { label: 'F3', sequence: '\x1b[13~', type: 'special' }, { label: 'F4', sequence: '\x1b[14~', type: 'special' },
+  { label: 'F5', sequence: '\x1b[15~', type: 'special' }, { label: 'F6', sequence: '\x1b[17~', type: 'special' },
+  { label: 'F7', sequence: '\x1b[18~', type: 'special' }, { label: 'F8', sequence: '\x1b[19~', type: 'special' },
+  { label: 'F9', sequence: '\x1b[20~', type: 'special' }, { label: 'F10', sequence: '\x1b[21~', type: 'special' },
+  { label: 'F11', sequence: '\x1b[23~', type: 'special' }, { label: 'F12', sequence: '\x1b[24~', type: 'special' },
+  // Row 4: Alphabet Keys (A-Z)
   { label: 'A', type: 'char' }, { label: 'B', type: 'char' }, { label: 'C', type: 'char' },
   { label: 'D', type: 'char' }, { label: 'E', type: 'char' }, { label: 'F', type: 'char' },
   { label: 'G', type: 'char' }, { label: 'H', type: 'char' }, { label: 'I', type: 'char' },
@@ -133,4 +140,4 @@ button[title="Ctrl"], button[title="Alt"] {
   font-weight: bold;
 }
 */
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/frontend/src/views/WorkspaceView.vue b/packages/frontend/src/views/WorkspaceView.vue
index 070016d..4f9d3ce 100644
--- a/packages/frontend/src/views/WorkspaceView.vue
+++ b/packages/frontend/src/views/WorkspaceView.vue
@@ -740,6 +740,8 @@ const toggleVirtualKeyboard = () => {
 
 .mobile-virtual-keyboard {
   flex-shrink: 0; /* 防止虚拟键盘缩小 */
+  width: 100%; /* 确保宽度为 100% */
+  box-sizing: border-box; /* 边框和内边距包含在宽度内 */
   /* 可以添加更多样式，例如背景色、边框等 */
 }