aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-04-16 12:23:12 +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">
<p className="content-text mb-4">{content}</p>
<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}
</button>
<button
className={`rounded px-3 py-2 shadow bg-green-600 text-white hover:opacity-80 ${
style === "warning" ? "border-red-600 text-red-600 bg-red-100" : ""
className={`rounded px-3 leading-9 bg-green-600 text-white hover:opacity-80 ${
style === "warning" ? "border border-red-600 text-red-600 bg-red-100" : ""
}`}
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">
<button
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}
>
Cancel
</button>
<button
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}
>
Save

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

@ -107,11 +107,9 @@ const WorkspaceSetting: React.FC<Props> = (props: Props) => {
return (
<>
<div className="w-full flex flex-col justify-start items-start">
<p className="text-3xl mt-2 mb-4">{state.workspace.name}</p>
<p>{state.workspace.description}</p>
<p className="text-3xl mt-4 mb-4">{state.workspace.name}</p>
<p className="mb-4">{state.workspace.description}</p>
<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">
{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 === "#members" && (
<MemberListView
// enforce to re-fetch member list.
key={Date.now()}
workspaceId={state.workspace.id}
workspaceUser={state.workspaceUser}