Skynet/misc_pterodactyl-panel
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

admin(ui): make the Nest edit page more responsive

Browse source
This commit is contained in:
Matthew Penner 2021-01-08 14:55:34 -07:00
parent bbd14c41c8
commit 0d2fbfddc0
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
resources/scripts/api/admin/eggs/getEgg.ts
View file

@ -3,7 +3,7 @@ import http, { FractalResponseData } from '@/api/http';
export interface Egg { export interface Egg {
id: number; id: number;
uuid: string; uuid: string;
nest_id: number; nestId: number;
author: string; author: string;
name: string; name: string;
description: string | null; description: string | null;
@ -27,7 +27,7 @@ export interface Egg {
export const rawDataToEgg = ({ attributes }: FractalResponseData): Egg => ({ export const rawDataToEgg = ({ attributes }: FractalResponseData): Egg => ({
id: attributes.id, id: attributes.id,
uuid: attributes.uuid, uuid: attributes.uuid,
nest_id: attributes.nest_id, nestId: attributes.nest_id,
author: attributes.author, author: attributes.author,
name: attributes.name, name: attributes.name,
description: attributes.description, description: attributes.description,

6
resources/scripts/components/admin/nests/NestEditContainer.tsx
View file

@ -97,7 +97,7 @@ const EditInformationContainer = () => {
{ {
({ isSubmitting, isValid }) => ( ({ isSubmitting, isValid }) => (
<React.Fragment> <React.Fragment>
<AdminBox title={'Edit Nest'} css={tw`flex-1 self-start w-full relative mr-4`}> <AdminBox title={'Edit Nest'} css={tw`flex-1 self-start w-full relative mb-8 lg:mb-0 mr-0 lg:mr-4`}>
<SpinnerOverlay visible={isSubmitting}/> <SpinnerOverlay visible={isSubmitting}/>
<Form css={tw`mb-0`}> <Form css={tw`mb-0`}>
@ -143,7 +143,7 @@ const ViewDetailsContainer = () => {
} }
return ( return (
<AdminBox title={'Nest Details'} css={tw`flex-1 w-full relative ml-4`}> <AdminBox title={'Nest Details'} css={tw`flex-1 w-full relative ml-0 lg:ml-4`}>
<div> <div>
<div> <div>
<div> <div>
@ -257,7 +257,7 @@ const NestEditContainer = () => {
<FlashMessageRender byKey={'nest'} css={tw`mb-4`}/> <FlashMessageRender byKey={'nest'} css={tw`mb-4`}/>
<div css={tw`flex flex-row mb-8`}> <div css={tw`flex flex-col lg:flex-row mb-8`}>
<EditInformationContainer/> <EditInformationContainer/>
<ViewDetailsContainer/> <ViewDetailsContainer/>
</div> </div>