aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-04-17 04:43:13 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: update button style

Browse Source
This commit is contained in:
Steven 2022-09-21 08:46:02 +08:00
parent 7a6d82c07f
commit 3364d1bf39
5 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -176,7 +176,9 @@ const CreateShortcutDialog: React.FC<Props> = (props: Props) => {
</div> </div>
<div className="w-full flex flex-row justify-end items-center"> <div className="w-full flex flex-row justify-end items-center">
<button <button
className={`rounded px-3 py-2 shadow bg-green-600 text-white hover:bg-green-700 ${requestState.isLoading ? "opacity-80" : ""}`} className={`rounded px-3 leading-9 shadow bg-green-600 text-white hover:bg-green-700 ${
requestState.isLoading ? "opacity-80" : ""
}`}
onClick={handleSaveBtnClick} onClick={handleSaveBtnClick}
> >
Save Save

4
web/src/components/CreateWorkspaceDialog.tsx
View File

@ -113,7 +113,9 @@ const CreateWorkspaceDialog: React.FC<Props> = (props: Props) => {
<div className="w-full flex flex-row justify-end items-center"> <div className="w-full flex flex-row justify-end items-center">
<button <button
disabled={requestState.isLoading} disabled={requestState.isLoading}
className={`rounded px-3 py-2 shadow bg-green-600 text-white hover:bg-green-700 ${requestState.isLoading ? "opacity-80" : ""}`} className={`rounded px-3 leading-9 shadow bg-green-600 text-white hover:bg-green-700 ${
requestState.isLoading ? "opacity-80" : ""
}`}
onClick={handleSaveBtnClick} onClick={handleSaveBtnClick}
> >
Save Save

2
web/src/pages/Home.tsx
View File

@ -31,7 +31,7 @@ const Home: React.FC = () => {
<div className="mb-4 w-full flex flex-row justify-between items-center"> <div className="mb-4 w-full flex flex-row justify-between items-center">
<span className="font-mono text-gray-400">Workspace List</span> <span className="font-mono text-gray-400">Workspace List</span>
<button <button
className="text-sm flex flex-row justify-start items-center border px-3 py-2 rounded-lg cursor-pointer hover:shadow" className="text-sm flex flex-row justify-start items-center border px-3 leading-10 rounded-lg cursor-pointer hover:shadow"
onClick={() => showCreateWorkspaceDialog()} onClick={() => showCreateWorkspaceDialog()}
> >
<Icon.Plus className="w-5 h-auto mr-1" /> Create Workspace <Icon.Plus className="w-5 h-auto mr-1" /> Create Workspace

14
web/src/pages/UserDetail.tsx
View File

@ -51,26 +51,26 @@ const UserDetail: React.FC = () => {
return ( return (
<div className="w-full h-full flex flex-col justify-start items-start"> <div className="w-full h-full flex flex-col justify-start items-start">
<Header /> <Header />
<div className="mx-auto max-w-4xl w-full px-3 py-6 flex flex-col justify-start items-start space-y-3"> <div className="mx-auto max-w-4xl w-full px-3 py-6 flex flex-col justify-start items-start space-y-4">
<p className="text-3xl mt-2 mb-4">{user?.name}</p> <p className="text-3xl mt-2 mb-4">{user?.name}</p>
<p className="leading-10 flex flex-row justify-start items-center"> <p className="leading-8 flex flex-row justify-start items-center">
<span className="mr-3 text-gray-500 font-mono">Email: </span> <span className="mr-3 text-gray-500 font-mono">Email: </span>
{user?.email} {user?.email}
</p> </p>
<p className="leading-10 flex flex-row justify-start items-center"> <p className="leading-8 flex flex-row justify-start items-center">
<span className="mr-3 text-gray-500 font-mono">Password: </span> <span className="mr-3 text-gray-500 font-mono">Password: </span>
<button className="border rounded-md px-3 hover:shadow" onClick={handleChangePasswordBtnClick}> <button className="border rounded-md px-2 leading-8 hover:shadow" onClick={handleChangePasswordBtnClick}>
Change Change
</button> </button>
</p> </p>
<p className="leading-10 flex flex-row justify-start items-center"> <p className="leading-8 flex flex-row justify-start items-center">
<span className="mr-3 text-gray-500 font-mono">OpenID:</span> <span className="mr-3 text-gray-500 font-mono">OpenID:</span>
<input type="text" value={user?.openId} readOnly className="border rounded-md px-3 pr-5 shadow-inner truncate" /> <input type="text" value={user?.openId} readOnly className="border shrink rounded-md px-3 pr-5 shadow-inner truncate" />
<button className="-ml-6 bg-white text-gray-600 hover:text-black" onClick={handleCopyOpenIdBtnClick}> <button className="-ml-6 bg-white text-gray-600 hover:text-black" onClick={handleCopyOpenIdBtnClick}>
<Icon.Clipboard className="w-4 h-auto" /> <Icon.Clipboard className="w-4 h-auto" />
</button> </button>
<button <button
className="border ml-4 rounded-md px-3 border-red-600 text-red-600 bg-red-50 hover:shadow" className="border ml-4 rounded-md px-2 leading-8 border-red-600 text-red-600 bg-red-50 hover:shadow"
onClick={handleResetOpenIdBtnClick} onClick={handleResetOpenIdBtnClick}
> >
Reset Reset

4
web/src/pages/WorkspaceDetail.tsx
View File

@ -52,10 +52,10 @@ const WorkspaceDetail: React.FC = () => {
<div className="w-full flex flex-row justify-between items-center mb-4"> <div className="w-full flex flex-row justify-between items-center mb-4">
<span className="font-mono text-gray-400">Shortcut List</span> <span className="font-mono text-gray-400">Shortcut List</span>
<button <button
className="text-sm flex flex-row justify-start items-center border px-3 py-2 rounded-lg cursor-pointer hover:shadow" className="text-sm flex flex-row justify-start items-center border px-3 leading-10 rounded-lg cursor-pointer hover:shadow"
onClick={() => showCreateShortcutDialog(state.workspace.id)} onClick={() => showCreateShortcutDialog(state.workspace.id)}
> >
<Icon.Plus className="w-5 h-auto mr-1" /> Create Shortcut <Icon.Plus className="w-4 h-auto mr-1" /> Create Shortcut
</button> </button>
</div> </div>
{loadingState.isLoading ? ( {loadingState.isLoading ? (