From bfb640f201a2b0f5441e749ce6604979386a81e5 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Tue, 22 Aug 2023 09:27:49 +0800
Subject: [PATCH] chore: update dialog width in extension

---
 extension/package.json                             |  2 +-
 extension/src/components/CreateShortcutsButton.tsx | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/extension/package.json b/extension/package.json
index 8b78cdf..795dbfa 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -1,7 +1,7 @@
 {
   "name": "slash-extension",
   "displayName": "Slash",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "An open source, self-hosted bookmarks and link sharing platform. Save and share your links very easily.",
   "scripts": {
     "dev": "plasmo dev",
diff --git a/extension/src/components/CreateShortcutsButton.tsx b/extension/src/components/CreateShortcutsButton.tsx
index 64d4a03..153eb4c 100644
--- a/extension/src/components/CreateShortcutsButton.tsx
+++ b/extension/src/components/CreateShortcutsButton.tsx
@@ -128,24 +128,24 @@ const CreateShortcutsButton = () => {
       </IconButton>
 
       <Modal container={() => document.body} open={showModal} onClose={() => setShowModal(false)}>
-        <ModalDialog>
+        <ModalDialog className="w-3/4">
           <div className="w-full flex flex-row justify-between items-center mb-2">
             <span className="text-base font-medium">Create Shortcut</span>
             <Button size="sm" variant="plain" onClick={() => setShowModal(false)}>
               <Icon.X className="w-5 h-auto text-gray-600" />
             </Button>
           </div>
-          <div className="overflow-x-hidden px-2 w-full flex flex-col justify-start items-center">
+          <div className="overflow-x-hidden w-full flex flex-col justify-start items-center">
             <div className="w-full flex flex-row justify-start items-center mb-2">
-              <span className="block w-16 shrink-0">Name</span>
+              <span className="block w-12 mr-2 shrink-0">Name</span>
               <Input className="grow" type="text" placeholder="Unique shortcut name" value={state.name} onChange={handleNameInputChange} />
             </div>
             <div className="w-full flex flex-row justify-start items-center mb-2">
-              <span className="block w-16 shrink-0">Title</span>
+              <span className="block w-12 mr-2 shrink-0">Title</span>
               <Input className="grow" type="text" placeholder="Shortcut title" value={state.title} onChange={handleTitleInputChange} />
             </div>
             <div className="w-full flex flex-row justify-start items-center mb-2">
-              <span className="block w-16 shrink-0">Link</span>
+              <span className="block w-12 mr-2 shrink-0">Link</span>
               <Input
                 className="grow"
                 type="text"