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

chore: update button styles

Browse Source
This commit is contained in:
steven 2022-09-29 22:51:12 +08:00
parent 67e619ab4a
commit 19c735261f
4 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/Alert.tsx
View File

@ -49,12 +49,12 @@ const Alert: React.FC<Props> = (props: Props) => {
<DialogContent className="w-80"> <DialogContent className="w-80">
<p className="content-text mb-4">{content}</p> <p className="content-text mb-4">{content}</p>
<div className="w-full flex flex-row justify-end items-center"> <div className="w-full flex flex-row justify-end items-center">
<button className="rounded px-3 py-2 mr-2 hover:opacity-80" onClick={handleCloseBtnClick}> <button className="rounded px-3 leading-9 mr-4 hover:opacity-80" onClick={handleCloseBtnClick}>
{closeBtnText} {closeBtnText}
</button> </button>
<button <button
className={`rounded px-3 py-2 shadow bg-green-600 text-white hover:opacity-80 ${ className={`rounded px-3 leading-9 bg-green-600 text-white hover:opacity-80 ${
style === "warning" ? "border-red-600 text-red-600 bg-red-100" : "" style === "warning" ? "border border-red-600 text-red-600 bg-red-100" : ""
}`} }`}
onClick={handleConfirmBtnClick} onClick={handleConfirmBtnClick}
> >

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

@ -101,14 +101,14 @@ const ChangePasswordDialog: 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 mr-2 hover:opacity-80 ${requestState.isLoading ? "opacity-80" : ""}`} className={`rounded px-3 leading-9 mr-4 hover:opacity-80 ${requestState.isLoading ? "opacity-80" : ""}`}
onClick={handleCloseBtnClick} onClick={handleCloseBtnClick}
> >
Cancel Cancel
</button> </button>
<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 bg-green-600 text-white hover:bg-green-700 ${requestState.isLoading ? "opacity-80" : ""}`}
onClick={handleSaveBtnClick} onClick={handleSaveBtnClick}
> >
Save Save

6
web/src/components/WorkspaceSetting.tsx
View File

@ -107,11 +107,9 @@ const WorkspaceSetting: React.FC<Props> = (props: Props) => {
return ( return (
<> <>
<div className="w-full flex flex-col justify-start items-start"> <div className="w-full flex flex-col justify-start items-start">
<p className="text-3xl mt-2 mb-4">{state.workspace.name}</p> <p className="text-3xl mt-4 mb-4">{state.workspace.name}</p>
<p>{state.workspace.description}</p> <p className="mb-4">{state.workspace.description}</p>
<div className="border-t pt-4 mt-2 flex flex-row justify-start items-center"> <div className="border-t pt-4 mt-2 flex flex-row justify-start items-center">
<span className="text-gray-400 mr-2">Actions:</span>
<div className="flex flex-row justify-start items-center space-x-2"> <div className="flex flex-row justify-start items-center space-x-2">
{state.workspaceUser.role === "ADMIN" ? ( {state.workspaceUser.role === "ADMIN" ? (
<> <>

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

@ -142,6 +142,7 @@ const WorkspaceDetail: React.FC = () => {
{location.hash === "#shortcuts" && <ShortcutListView workspaceId={state.workspace.id} shortcutList={shortcutList} />} {location.hash === "#shortcuts" && <ShortcutListView workspaceId={state.workspace.id} shortcutList={shortcutList} />}
{location.hash === "#members" && ( {location.hash === "#members" && (
<MemberListView <MemberListView
// enforce to re-fetch member list.
key={Date.now()} key={Date.now()}
workspaceId={state.workspace.id} workspaceId={state.workspace.id}
workspaceUser={state.workspaceUser} workspaceUser={state.workspaceUser}