aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-07-01 11:27:50 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: tweak styles

Browse Source
This commit is contained in:
Steven
2024-03-25 21:48:23 +08:00
parent 3f3d7a4c58
commit 1025d8a2ed
8 changed files with 60 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/web/src/pages/SubscriptionSetting.tsx
View File

@ -38,9 +38,9 @@ const SubscriptionSetting: React.FC = () => {
};
return (
<div className="mx-auto max-w-8xl w-full px-3 md:px-12 pt-8 pb-24 flex flex-col justify-start items-start gap-y-12">
<div className="mx-auto max-w-8xl w-full px-4 sm:px-6 md:px-12 pt-8 pb-24 flex flex-col justify-start items-start gap-y-12">
<div className="w-full">
<p className="text-base font-semibold leading-6 text-gray-900 dark:text-gray-500">Subscription</p>
<p className="text-2xl shrink-0 font-semibold text-gray-900 dark:text-gray-500">Subscription</p>
<div className="mt-2">
<span className="text-gray-500 mr-2">Current plan:</span>
<span className="text-2xl mr-4 dark:text-gray-400">{stringifyPlanType(profile.plan)}</span>

2
frontend/web/src/pages/UserSetting.tsx
View File

@ -4,7 +4,7 @@ import AccountSection from "../components/setting/AccountSection";
const Setting: React.FC = () => {
return (
<div className="mx-auto max-w-8xl w-full px-3 md:px-12 py-6 flex flex-col justify-start items-start gap-y-12">
<div className="mx-auto max-w-8xl w-full px-4 sm:px-6 md:px-12 py-6 flex flex-col justify-start items-start gap-y-12">
<AccountSection />
<AccessTokenSection />
<PreferenceSection />

4
frontend/web/src/pages/WorkspaceSetting.tsx
View File

@ -26,12 +26,12 @@ const WorkspaceSetting: React.FC = () => {
}
return (
<div className="mx-auto max-w-8xl w-full px-3 md:px-12 py-6 flex flex-col justify-start items-start gap-y-12">
<div className="mx-auto max-w-8xl w-full px-4 sm:px-6 md:px-12 py-6 flex flex-col justify-start items-start gap-y-12">
<Alert variant="soft" color="warning" startDecorator={<Icon.Info />}>
You can see the settings items below because you are an Admin.
</Alert>
<div className="w-full flex flex-col">
<p className="text-base font-semibold leading-6 text-gray-900 dark:text-gray-500">Subscription</p>
<p className="text-2xl shrink-0 font-semibold text-gray-900 dark:text-gray-500">Subscription</p>
<div className="mt-2">
<span className="text-gray-500 mr-2">Current plan:</span>
<span className="text-2xl mr-4 dark:text-gray-400">{stringifyPlanType(profile.plan)}</span>