Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

SDK: Fix collapsed label columns #922

Merged
merged 4 commits into from
Aug 23, 2024
Merged

SDK: Fix collapsed label columns #922

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
5ef38ae
change up language a little bit
michellewong793 Aug 23, 2024
c20182c
add extra spacing in the fields
michellewong793 Aug 23, 2024
8ba001e
columns for advanced tab
michellewong793 Aug 23, 2024
c456a12
adjust columns for labels
michellewong793 Aug 23, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion website/src/tabs/advanced/DecryptAccount.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ export const DecryptAccount = () => {
: "";
};

const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
const layout = { labelCol: { span: 6 }, wrapperCol: { span: 21 } };
useEffect(() => {}, [inputCiphertext, inputPassword]);
if (aleo !== null) {
const privateKey = () =>
Expand Down
2 changes: 1 addition & 1 deletion website/src/tabs/develop/Deploy.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -200,7 +200,7 @@ export const Deploy = () => {
return privateKey;
};

const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
const layout = { labelCol: { span: 5 }, wrapperCol: { span: 21 } };
const privateKeyString = () => (privateKey !== null ? privateKey : "");
const programString = () => (program !== null ? program : "");
const feeRecordString = () =>
Expand Down
2 changes: 1 addition & 1 deletion website/src/tabs/develop/Join.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -141,7 +141,7 @@ export const Join = () => {
return privateKey;
};

const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
const layout = { labelCol: { span: 5 }, wrapperCol: { span: 21 } };
const privateKeyString = () => (privateKey !== null ? privateKey : "");
const feeRecordString = () => (joinFeeRecord !== null ? joinFeeRecord : "");
const recordOneString = () => (recordOne !== null ? recordOne : "");
Expand Down
2 changes: 1 addition & 1 deletion website/src/tabs/develop/Split.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -117,7 +117,7 @@ export const Split = () => {
return privateKey;
};

const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
const layout = { labelCol: { span: 5 }, wrapperCol: { span: 21 } };
const amountString = () => (splitAmount !== null ? splitAmount : "");
const privateKeyString = () => (privateKey !== null ? privateKey : "");
const amountRecordString = () =>
Expand Down
2 changes: 1 addition & 1 deletion website/src/tabs/develop/Transfer.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -200,7 +200,7 @@ export const Transfer = () => {
},
];

const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
const layout = { labelCol: { span: 5}, wrapperCol: { span: 21 } };
const feeString = () => (transferFee !== null ? transferFee : "");
const amountString = () => (transferAmount !== null ? transferAmount : "");
const recipientString = () => (recipient !== null ? recipient : "");
Expand Down
2 changes: 1 addition & 1 deletion website/src/tabs/develop/execute/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ import { useAleoWASM } from "../../../aleo-wasm-hook";
import { useEffect, useState } from "react";
import { NewAccount } from "../../account/NewAccount.jsx";

const layout = { labelCol: { span: 4 }, wrapperCol: { span: 18 } };
const layout = { labelCol: { span: 5 }, wrapperCol: { span: 18 } };

export const Execute = () => {
const [form] = Form.useForm();
Expand Down
2 changes: 1 addition & 1 deletion website/src/tabs/record/DecryptRecord.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
.container {
max-width: 750px;
max-width: 850px;
}
6 changes: 3 additions & 3 deletions website/src/tabs/record/DecryptRecord.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ export const DecryptRecord = () => {
setIsOwner(null);
};

const layout = { labelCol: { span: 4 }, wrapperCol: { span: 21 } };
const layout = { labelCol: { span: 4 }, wrapperCol: { span: 21 }};

if (aleo !== null) {
const recordPlaintext = () =>
Expand Down Expand Up @@ -133,7 +133,7 @@ export const DecryptRecord = () => {
}
>
<Form {...layout}>
<Form.Item label="Record (Ciphertext)" colon={false}>
<Form.Item label="Ciphertext" colon={false}>
<Input
name="recordCiphertext"
size="large"
Expand Down Expand Up @@ -166,7 +166,7 @@ export const DecryptRecord = () => {
{
<Form {...layout}>
<Divider />
<Form.Item label="Record (Plaintext)" colon={false}>
<Form.Item label="Decrypted Record" colon={false}>
{plaintext ? (
<Row align="middle">
<Col span={23}>
Expand Down
2 changes: 1 addition & 1 deletion website/src/tabs/rest/GetBlockByHash.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ export const GetBlockByHash = () => {
}
};

const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
const layout = { labelCol: { span: 4 }, wrapperCol: { span: 21 } };

const blockString = useMemo(() => {
return blockByHash !== null ? blockByHash.toString() : ""
Expand Down
2 changes: 1 addition & 1 deletion website/src/tabs/rest/GetBlockByHeight.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ export const GetBlockByHeight = () => {
}
};

const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
const layout = { labelCol: { span: 4 }, wrapperCol: { span: 21 } };

const blockString = useMemo(() => {
return blockByHeight !== null ? blockByHeight.toString() : ""
Expand Down
2 changes: 1 addition & 1 deletion website/src/tabs/rest/GetMappingNames.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@ export const GetMappingNames = () => {
}
};

const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
const layout = { labelCol: { span: 4 }, wrapperCol: { span: 21 } };

const mappingString = useMemo(() => {
return mapping !== null ? mapping : ""
Expand Down
6 changes: 3 additions & 3 deletions website/src/tabs/rest/GetMappingValue.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ export const GetMappingValue = () => {
}
};

const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
const layout = { labelCol: { span: 4 }, wrapperCol: { span: 21 } };
const programIDString = () => (programID !== null ? programID : "");
const mappingNameString = () => (mappingName !== null ? mappingName : "");
const mappingKeyString = () => (mappingKey !== null ? mappingKey : "");
Expand Down Expand Up @@ -122,7 +122,7 @@ export const GetMappingValue = () => {
<Input
name="mappingName"
size="large"
placeholder="Mapping Name"
placeholder="Name"
value={mappingNameString()}
allowClear={true}
onChange={onMappingNameChange}
Expand All @@ -132,7 +132,7 @@ export const GetMappingValue = () => {
<Input
name="mappingKey"
size="large"
placeholder="Mapping Key"
placeholder="Key"
value={mappingKeyString()}
allowClear={true}
onChange={onMappingKeyChange}
Expand Down
2 changes: 1 addition & 1 deletion website/src/tabs/rest/GetProgram.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@ export const GetProgram = () => {
}
};

const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
const layout = { labelCol: { span: 4 }, wrapperCol: { span: 21 } };

const programString = useMemo(() => {
return program !== null ? program : ""
Expand Down
2 changes: 1 addition & 1 deletion website/src/tabs/rest/GetTransaction.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ export const GetTransaction = () => {
}
};

const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
const layout = { labelCol: { span: 4 }, wrapperCol: { span: 21 } };

const transactionString = useMemo(() => {
return transaction !== null ? transaction.toString() : ""
Expand Down
Loading