chore: update header style

This commit is contained in:
Steven 2023-07-04 21:23:11 +08:00
parent ee9e092129
commit 96d44bd651
2 changed files with 12 additions and 14 deletions

View File

@ -17,7 +17,7 @@ const Header: React.FC = () => {
return ( return (
<> <>
<div className="w-full bg-amber-50"> <div className="w-full bg-gray-50">
<div className="w-full max-w-4xl mx-auto px-3 py-5 flex flex-row justify-between items-center"> <div className="w-full max-w-4xl mx-auto px-3 py-5 flex flex-row justify-between items-center">
<div className="flex flex-row justify-start items-center shrink mr-2"> <div className="flex flex-row justify-start items-center shrink mr-2">
<Link to="/" className="text-base font-mono font-medium cursor-pointer flex flex-row justify-start items-center"> <Link to="/" className="text-base font-mono font-medium cursor-pointer flex flex-row justify-start items-center">

View File

@ -17,20 +17,18 @@ const WorkspaceSection: React.FC = () => {
}; };
return ( return (
<> <div className="mx-auto max-w-4xl w-full px-3 py-6 flex flex-col justify-start items-start space-y-4">
<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>
<p className="text-gray-400">Workspace settings</p> <div className="w-full flex flex-col justify-start items-start">
<div className="w-full flex flex-col justify-start items-start"> <Checkbox
<Checkbox className="font-medium"
className="font-medium" label="Disable user signup"
label="Disable self-service signup" checked={disallowSignUp}
checked={disallowSignUp} onChange={(event) => handleDisallowSignUpChange(event.target.checked)}
onChange={(event) => handleDisallowSignUpChange(event.target.checked)} />
/> <p className="mt-2 text-gray-500">Once disabled, other users cannot signup.</p>
<p className="mt-2 text-gray-500">Once disabled, other users cannot signup.</p>
</div>
</div> </div>
</> </div>
); );
}; };