refactor: Instance admin setting and UI updates. (#2889)

* refactor: shift instance admin restriction content to seperate component.
fix: instance components export logic.

* style: fix sidebar dropdown `God Mode` icon padding.

* style: update profile settings user dropdown menu width.

* fix: update input type to `password` for Client Secret and API/ Access Key fields.

* style: update loader design for all forms.

* fix: typo

* style: ui updates.

* chore: add show/ hide button for all password fields.
This commit is contained in:
Prateek Shourya 2023-11-27 19:41:47 +05:30 committed by sriram veeraghanta
parent 3a1b722d31
commit 041c3af35a
17 changed files with 255 additions and 173 deletions

View file

@ -13,8 +13,7 @@ import useToast from "hooks/use-toast";
// ui
import { Loader, ToggleSwitch } from "@plane/ui";
// components
import { InstanceGoogleConfigForm } from "components/instance/google-config-form";
import { InstanceGithubConfigForm } from "components/instance/github-config-form";
import { InstanceGithubConfigForm, InstanceGoogleConfigForm } from "components/instance";
const InstanceAdminAuthorizationPage: NextPageWithLayout = observer(() => {
// store
@ -168,13 +167,11 @@ const InstanceAdminAuthorizationPage: NextPageWithLayout = observer(() => {
</>
) : (
<Loader className="space-y-4">
<Loader.Item height="50px" width="50%" />
<Loader.Item height="50px" width="50%" />
<Loader.Item height="50px" width="50%" />
<div className="grid grid-cols-2 gap-y-4 gap-x-8">
<Loader.Item height="50px" />
<Loader.Item height="50px" />
</div>
<Loader.Item height="50px" />
<Loader.Item height="50px" width="25%" />
<Loader.Item height="50px" />
<Loader.Item height="50px" width="25%" />
</Loader>
)}
</div>