aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-12-16 05:29:20 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: update frontend actions

Browse Source
This commit is contained in:
Steven
2022-09-12 11:37:33 +08:00
parent fbe09d7cd0
commit 840659e2b2
14 changed files with 173 additions and 365 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/components/CreateShortcutDialog.tsx
View File

@@ -66,24 +66,26 @@ const CreateShortcutDialog: React.FC<Props> = (props: Props) => {
return (
<>
<div className="w-full flex flex-row justify-between items-center mb-4">
<div className="max-w-full w-80 flex flex-row justify-between items-center mb-4">
<p className="text-base">{shortcutId ? "Edit Shortcut" : "Create Shortcut"}</p>
<button className="rounded p-1 hover:bg-gray-100" onClick={destroy}>
<Icon.X className="w-5 h-auto text-gray-600" />
</button>
</div>
<div className="w-full flex flex-col justify-start items-start">
<div className="w-full flex flex-row justify-start items-center mb-2">
<input className="rounded border px-2 py-2" type="text" placeholder="Name" value={name} onChange={handleNameInputChange} />
<div className="w-full flex flex-col justify-start items-start mb-3">
<span className="mb-2">Name</span>
<input className="w-full rounded border px-2 py-2" type="text" value={name} onChange={handleNameInputChange} />
</div>
<div className="w-full flex flex-row justify-start items-center mb-2">
<input className="rounded border px-2 py-2" type="text" placeholder="Link" value={link} onChange={handleLinkInputChange} />
<div className="w-full flex flex-col justify-start items-start mb-3">
<span className="mb-2">Link</span>
<input className="w-full rounded border px-2 py-2" type="text" value={link} onChange={handleLinkInputChange} />
</div>
</div>
<div className="w-full flex flex-row justify-end items-center mt-2">
<div className="flex flex-row justify-start items-center">
<div className="w-full flex flex-row justify-end items-center">
<button
className={`border rounded px-2 py-1 border-green-600 text-green-600 ${requestState.isLoading ? "opacity-80" : ""}`}
className={`border rounded px-3 py-2 border-green-600 bg-green-600 text-white hover:bg-green-700 ${
requestState.isLoading ? "opacity-80" : ""
}`}
onClick={handleSaveBtnClick}
>
Save