chore: update setting sections padding

This commit is contained in:
Steven 2023-08-07 19:54:51 +08:00
parent dadf42c09b
commit 6f96e5e0c8
5 changed files with 5 additions and 5 deletions

View File

@ -45,7 +45,7 @@ const AccessTokenSection = () => {
return (
<>
<div className="mx-auto max-w-6xl w-full px-3 md:px-12 py-6 flex flex-col justify-start items-start space-y-4">
<div className="w-full flex flex-col justify-start items-start space-y-4">
<div className="w-full">
<div className="sm:flex sm:items-center">
<div className="sm:flex-auto">

View File

@ -12,7 +12,7 @@ const AccountSection: React.FC = () => {
return (
<>
<div className="mx-auto max-w-6xl w-full px-3 md:px-12 py-6 flex flex-col justify-start items-start gap-y-2">
<div className="w-full flex flex-col justify-start items-start gap-y-2">
<p className="text-base font-semibold leading-6 text-gray-900">Account</p>
<p className="flex flex-row justify-start items-center mt-2">
<span className="text-xl">{currentUser.nickname}</span>

View File

@ -20,7 +20,7 @@ const MemberSection = () => {
return (
<>
<div className="mx-auto max-w-6xl w-full px-3 md:px-12 py-6 flex flex-col justify-start items-start space-y-4">
<div className="w-full flex flex-col justify-start items-start space-y-4">
<div className="w-full">
<div className="sm:flex sm:items-center">
<div className="sm:flex-auto">

View File

@ -17,7 +17,7 @@ const WorkspaceSection: React.FC = () => {
};
return (
<div className="mx-auto max-w-6xl w-full px-3 md:px-12 py-6 flex flex-col justify-start items-start space-y-4">
<div className="w-full flex flex-col justify-start items-start space-y-4">
<p className="text-base font-semibold leading-6 text-gray-900">Workspace settings</p>
<div className="w-full flex flex-col justify-start items-start">
<Checkbox

View File

@ -9,7 +9,7 @@ const Setting: React.FC = () => {
const isAdmin = currentUser.role === "ADMIN";
return (
<div className="mx-auto max-w-6xl w-full px-3 md:px-12 py-6 flex flex-col justify-start items-start space-y-4">
<div className="mx-auto max-w-6xl w-full px-3 md:px-12 py-6 flex flex-col justify-start items-start gap-y-12">
<AccountSection />
<AccessTokenSection />
{isAdmin && (