aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-09-06 09:14:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: update setting styles

Browse Source
This commit is contained in:
Steven
2023-06-24 16:29:29 +08:00
parent 5fb9b67a53
commit a27457c4d3
3 changed files with 20 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/setting/AccountSection.tsx
View File

@@ -11,10 +11,13 @@ const AccountSection: React.FC = () => {
return (
<>
<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-gray-400">Account</p>
<p className="text-3xl my-2">{user.nickname}</p>
<p className="leading-8 flex flex-row justify-start items-center">
<div className="mx-auto max-w-4xl w-full px-3 py-6 flex flex-col justify-start items-start space-y-2">
<p className="text-gray-400 mb-2">Account</p>
<p className="flex flex-row justify-start items-center">
<span className="mr-3 text-gray-500 font-mono">Nickname: </span>
{user.nickname}
</p>
<p className="flex flex-row justify-start items-center">
<span className="mr-3 text-gray-500 font-mono">Email: </span>
{user.email}
</p>

13
web/src/components/setting/WorkspaceSection.tsx
View File

@@ -1,4 +1,4 @@
import { Switch } from "@mui/joy";
import { Checkbox } from "@mui/joy";
import { useEffect, useState } from "react";
import { getSystemStatus, upsertWorkspaceSetting } from "../../helpers/api";
@@ -20,9 +20,14 @@ const WorkspaceSection: React.FC = () => {
<>
<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-gray-400">Workspace settings</p>
<div className="w-full flex flex-row justify-between items-center">
<span>Allow sign up</span>
<Switch checked={disallowSignUp} onChange={(event) => handleDisallowSignUpChange(event.target.checked)} />
<div className="w-full flex flex-col justify-start items-start">
<Checkbox
className="font-medium"
label="Disable self-service signup"
checked={disallowSignUp}
onChange={(event) => handleDisallowSignUpChange(event.target.checked)}
/>
<p className="mt-2 text-gray-500">Once disabled, other users cannot signup.</p>
</div>
</div>
</>