refactor: resize ArchIcon and adjust CommandInput width

Famozzy · Nov 28, 2024 · 6b8383d · 6b8383d
1 parent 8a6beb2
commit 6b8383d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/ui/command-input.tsx b/src/components/ui/command-input.tsx
@@ -1,6 +1,6 @@
-import { useSetAtom } from 'jotai'
 import { ioStreamsAtom } from '@/app/store'
-import { Help, WhoAmI, Contact, NotFound, Powerlevel, Projects } from '@/components'
+import { Contact, Help, NotFound, Powerlevel, Projects, WhoAmI } from '@/components'
+import { useSetAtom } from 'jotai'
 
 type Command = {
   [key: string]: React.ReactNode
@@ -34,7 +34,7 @@ export const CommandInput = () => {
   return (
     <>
       <Powerlevel />
-      <input onKeyDown={onKeyPress} type="text" autoFocus aria-label="cmd-input" />
+      <input className="w-1/3" onKeyDown={onKeyPress} type="text" autoFocus aria-label="cmd-input" />
     </>
   )
 }

diff --git a/src/components/ui/powerlevel.tsx b/src/components/ui/powerlevel.tsx
@@ -5,8 +5,8 @@ const hostname = getRandomHostname()
 const ArchIcon = () => (
   <svg
     fill="#86e1fc"
-    width="12px"
-    height="12px"
+    width="10px"
+    height="10px"
     viewBox="0 0 14 14"
     role="img"
     focusable="false"