Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
Original file line number Diff line number Diff line change
@@ -1,67 +1,66 @@
.input {
border: none;
outline-width: 0;
outline-color: rgba(0, 0, 0, 0);
padding: 2px 20px 0 20px;
width: 100%;
height: 45px;
color: #000;
border: 1px solid rgba(0, 0, 0, 0);
font-size: 16px;
text-align: left;
font-weight: 400;
border-radius: 10px;
text-align: left;
text-overflow: ellipsis;
transition: box-shadow .2s;
box-shadow: 0px 4px 10px rgba(0, 0, 0, .1);
background-color: white;
-webkit-appearance: none;
border: none;
outline-width: 0;
outline-color: rgba(0, 0, 0, 0);
padding: 2px 20px 0 20px;
width: 100%;
height: 45px;
color: #000;
border: 1px solid rgba(0, 0, 0, 0);
font-size: 16px;
text-align: left;
font-weight: 400;
border-radius: 10px;
text-align: left;
text-overflow: ellipsis;
transition: box-shadow 0.2s;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
background-color: white;
-webkit-appearance: none;


&:disabled {
color: #4a4a4a;
background-color: rgba(239, 239, 239, 0.3);
background: radial-gradient(rgba(239, 239, 239, 0.3), rgba(239, 239, 239, 0.3));
-webkit-text-fill-color: #4a4a4a;
cursor: not-allowed;
}
&:disabled {
color: #4a4a4a;
background-color: rgba(239, 239, 239, 0.3);
background: radial-gradient(rgba(239, 239, 239, 0.3), rgba(239, 239, 239, 0.3));
-webkit-text-fill-color: #4a4a4a;
cursor: not-allowed;
}
}

.label {
font-weight: 450;
font-size: 18px;
display: flex;
width: 100%;
flex-direction: column;
text-align: left;
margin-bottom: 15px;
justify-content: space-between;
font-weight: 450;
font-size: 18px;
display: flex;
width: 100%;
flex-direction: column;
text-align: left;
margin-bottom: 15px;
justify-content: space-between;
}

.inputWrapper {
width: 100%;
display: flex;
gap: 15px;
width: 100%;
display: flex;
gap: 15px;
}

.field {
display: flex;
justify-content: start;
flex-direction: column;
align-items: flex-start;
display: flex;
justify-content: start;
flex-direction: column;
align-items: flex-start;
}

.content {
display: flex;
justify-content: space-between;
flex-direction: column;
margin: 30px;
width: 450px;
gap: 30px;
display: flex;
justify-content: space-between;
flex-direction: column;
margin: 30px;
width: 450px;
gap: 30px;
}

.actionButton {
width: 100%;
align-self: center;
}
width: 100%;
align-self: center;
}
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,14 @@ async function handleFunctionCall(
if (functionAbi.functionType === 'unconstrained') {
return await viewContractFunction(contractAddress!, contractAbi, functionName, typedArgs, rpcClient, wallet);
} else {
const txnReceipt = await callContractFunction(contractAddress!, contractAbi, functionName, typedArgs, rpcClient, wallet);
const txnReceipt = await callContractFunction(
contractAddress!,
contractAbi,
functionName,
typedArgs,
rpcClient,
wallet,
);
return `Transaction ${txnReceipt.status} on block number ${txnReceipt.blockNumber}`;
}
}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
.copy {
cursor: pointer;
width: 35px;
height: 25px;
padding: 2px 8px;
}
cursor: pointer;
width: 35px;
height: 25px;
padding: 2px 8px;
}
Original file line number Diff line number Diff line change
@@ -1,68 +1,68 @@
.dropdownWrapper {
position: absolute;
top: 60px;
right: 0px;
border-radius: 10px;
display: flex;
overflow: hidden;
flex-direction: column;
gap: 1px;
border: 1px solid #ebeaea;
background-color: #ebeaea;
z-index: 1;
position: absolute;
top: 60px;
right: 0px;
border-radius: 10px;
display: flex;
overflow: hidden;
flex-direction: column;
gap: 1px;
border: 1px solid #ebeaea;
background-color: #ebeaea;
z-index: 1;
}

.dropdownOptionBackground {
background-color: white;
background-color: white;
}

.dropdownOption {
font-size: 14px;
padding: 10px 25px;
white-space: nowrap;
cursor: pointer;
font-weight: 600;
justify-content: space-between;
letter-spacing: 0.5px;
display: flex;
font-size: 14px;
padding: 10px 25px;
white-space: nowrap;
cursor: pointer;
font-weight: 600;
justify-content: space-between;
letter-spacing: 0.5px;
display: flex;
}

.singleOption {
text-align: center;
align-items: center;
justify-content: center;
text-align: center;
align-items: center;
justify-content: center;
}

.dropdownOption.disabled {
background-image: initial;
cursor: default;
background-color: #c4c4c4;
background-image: initial;
cursor: default;
background-color: #c4c4c4;
}

.dropdownOptionBackground:hover {
background-color: #ebeaea;
background-color: #ebeaea;
}

.dropdownOptionBackground.disabled:hover {
background-color: white;
background-color: white;
}

.sublabel {
text-align: right;
text-align: right;
}

.sublabels {
display: flex;
flex-direction: row;
font-weight: 450;
display: flex;
flex-direction: row;
font-weight: 450;
}

.feeOption {
gap: 5px;
display: flex;
flex-direction: column;
gap: 5px;
display: flex;
flex-direction: column;
}

.label {
color: #2f1f49;
}
color: #2f1f49;
}
40 changes: 20 additions & 20 deletions yarn-project/boxes/blank-react/src/app/components/popup.module.scss
Original file line number Diff line number Diff line change
@@ -1,27 +1,27 @@
.popup {
width: 66vw;
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: white;
border-radius: 20px;
justify-content: space-around;
box-shadow: 0px 4px 10px rgba(0, 0, 0, .1);
border: 3px solid rgb(47, 31, 73);
align-items: center;
gap: 30px;
padding: 30px;
overflow: scroll;
min-width: 600px;
z-index: 100;
width: 66vw;
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: white;
border-radius: 20px;
justify-content: space-around;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
border: 3px solid rgb(47, 31, 73);
align-items: center;
gap: 30px;
padding: 30px;
overflow: scroll;
min-width: 600px;
z-index: 100;
}

.alert {
width: 20px;
width: 20px;
}

.content {
width: 100%;
}
width: 100%;
}
Loading