Merge pull request #3866 from shermanhuman/Keycaps-fix

Fancy keycaps for Tutorial Card
continuedev · Feb 1, 2025 · 8d26197 · 8d26197
2 parents cd97a73 + 8c9953b
commit 8d26197
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 3 deletions.
diff --git a/core/core.ts b/core/core.ts
@@ -289,6 +289,7 @@ export class Core {
     on("config/ideSettingsUpdate", (msg) => {
       this.configHandler.updateIdeSettings(msg.data);
     });
+
     on("config/listProfiles", (msg) => {
       return this.configHandler.listProfiles();
     });

diff --git a/gui/src/components/mainInput/TutorialCard.tsx b/gui/src/components/mainInput/TutorialCard.tsx
@@ -69,14 +69,14 @@ export function TutorialCard({ onClose }: TutorialCardProps) {
         <li className="flex items-start">
           <PencilSquareIcon className="h-4 w-4 pr-3 align-middle" />
           <span>
-            Highlight code and press <code>{getMetaKeyLabel() + "I"}</code> to
+            Highlight code and press <kbd>{getMetaKeyLabel()}</kbd> + <kbd>I</kbd> to
             quickly make natural language edits
           </span>
         </li>
         <li className="flex items-start">
           <ClipboardDocumentIcon className="h-4 w-4 pr-3 align-middle" />
           <span>
-            Highlight code and press <code>{getMetaKeyLabel() + "L"}</code> to
+            Highlight code and press <kbd>{getMetaKeyLabel()}</kbd> + <kbd>L</kbd> to
             add it to the chat window
           </span>
         </li>

diff --git a/gui/src/index.css b/gui/src/index.css
@@ -8,7 +8,6 @@
   --button-color: rgb(113, 28, 59);
   --button-color-hover: rgba(113, 28, 59, 0.667);
   --def-border-radius: 5px;
-
   --vscode-editor-background: rgb(30, 30, 30);
   --vscode-editor-foreground: rgb(197, 200, 198);
   --vscode-textBlockQuote-background: rgba(255, 255, 255, 1);

diff --git a/keycaps-todo.md b/keycaps-todo.md
@@ -0,0 +1,15 @@
+gui\src\components\mainInput\TutorialCard.tsx
+
+![image](https://github.com/user-attachments/assets/2e682fe1-b5b4-4d2d-a615-645b409fefb1)
+
+![image](https://github.com/user-attachments/assets/d4b5f474-c8b8-478e-867d-aa9f8a2f0fbb)
+
+gui\src\components\modelSelection\ModelSelect.tsx
+
+![image](https://github.com/user-attachments/assets/346b6774-fa3b-462c-af25-fe6264457387)
+
+![image](https://github.com/user-attachments/assets/2881c290-f5a6-4b3d-8f36-8fece492e346)
+
+gui\src\components\modelSelection\platform\AssistantSelect.tsx
+
+???