From de07dad7802c49ed225110eab59fde0576379bfe Mon Sep 17 00:00:00 2001 From: Dan Lee Date: Fri, 22 Sep 2023 14:02:00 +0100 Subject: [PATCH] run formatting:fix --- .../contract_function_form.module.scss | 99 +++++++++---------- .../app/components/contract_function_form.tsx | 9 +- .../src/app/components/copy.module.scss | 10 +- .../src/app/components/dropdown.module.scss | 74 +++++++------- .../src/app/components/popup.module.scss | 40 ++++---- .../src/app/components/select.module.scss | 72 +++++++------- .../components/wallet_dropdown.module.scss | 16 +-- .../blank-react/src/app/contract.module.scss | 68 ++++++------- .../blank-react/src/app/home.module.scss | 42 ++++---- yarn-project/boxes/blank/src/index.html | 18 ++-- .../contract_function_form.module.scss | 99 +++++++++---------- .../app/components/contract_function_form.tsx | 9 +- .../src/app/components/copy.module.scss | 10 +- .../src/app/components/dropdown.module.scss | 74 +++++++------- .../src/app/components/popup.module.scss | 40 ++++---- .../src/app/components/select.module.scss | 72 +++++++------- .../components/wallet_dropdown.module.scss | 16 +-- .../src/app/contract.module.scss | 68 ++++++------- .../private-token/src/app/home.module.scss | 42 ++++---- 19 files changed, 444 insertions(+), 434 deletions(-) diff --git a/yarn-project/boxes/blank-react/src/app/components/contract_function_form.module.scss b/yarn-project/boxes/blank-react/src/app/components/contract_function_form.module.scss index f28047b581a..056dcc719ff 100644 --- a/yarn-project/boxes/blank-react/src/app/components/contract_function_form.module.scss +++ b/yarn-project/boxes/blank-react/src/app/components/contract_function_form.module.scss @@ -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; -} \ No newline at end of file + width: 100%; + align-self: center; +} diff --git a/yarn-project/boxes/blank-react/src/app/components/contract_function_form.tsx b/yarn-project/boxes/blank-react/src/app/components/contract_function_form.tsx index e31c940a927..69916e7061e 100644 --- a/yarn-project/boxes/blank-react/src/app/components/contract_function_form.tsx +++ b/yarn-project/boxes/blank-react/src/app/components/contract_function_form.tsx @@ -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}`; } } diff --git a/yarn-project/boxes/blank-react/src/app/components/copy.module.scss b/yarn-project/boxes/blank-react/src/app/components/copy.module.scss index 6b4a52bf549..26b2360c58a 100644 --- a/yarn-project/boxes/blank-react/src/app/components/copy.module.scss +++ b/yarn-project/boxes/blank-react/src/app/components/copy.module.scss @@ -1,6 +1,6 @@ .copy { - cursor: pointer; - width: 35px; - height: 25px; - padding: 2px 8px; -} \ No newline at end of file + cursor: pointer; + width: 35px; + height: 25px; + padding: 2px 8px; +} diff --git a/yarn-project/boxes/blank-react/src/app/components/dropdown.module.scss b/yarn-project/boxes/blank-react/src/app/components/dropdown.module.scss index 8041aff4bc8..18bd40b356b 100644 --- a/yarn-project/boxes/blank-react/src/app/components/dropdown.module.scss +++ b/yarn-project/boxes/blank-react/src/app/components/dropdown.module.scss @@ -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; -} \ No newline at end of file + color: #2f1f49; +} diff --git a/yarn-project/boxes/blank-react/src/app/components/popup.module.scss b/yarn-project/boxes/blank-react/src/app/components/popup.module.scss index ecaab4c22fb..0917ca93f41 100644 --- a/yarn-project/boxes/blank-react/src/app/components/popup.module.scss +++ b/yarn-project/boxes/blank-react/src/app/components/popup.module.scss @@ -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%; -} \ No newline at end of file + width: 100%; +} diff --git a/yarn-project/boxes/blank-react/src/app/components/select.module.scss b/yarn-project/boxes/blank-react/src/app/components/select.module.scss index 71ecf95ab7f..d639c52f47d 100644 --- a/yarn-project/boxes/blank-react/src/app/components/select.module.scss +++ b/yarn-project/boxes/blank-react/src/app/components/select.module.scss @@ -1,65 +1,65 @@ .selectBox { - border-radius: 10px; - background-color: white; - position: relative; - font-family: Sohne; - font-size: 16px; - height: 45px; - cursor: pointer; - font-weight: 450; + border-radius: 10px; + background-color: white; + position: relative; + font-family: Sohne; + font-size: 16px; + height: 45px; + cursor: pointer; + font-weight: 450; - @media (max-width: 480px) { - margin: 0; - } + @media (max-width: 480px) { + margin: 0; + } } .icon { - min-width: 12px; + min-width: 12px; } .border { - box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1); + box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1); } .innerFrame { - height: 45px; - padding: 0 15px; - display: flex; - align-items: center; - justify-content: space-between; - overflow: hidden; - gap: 10px; + height: 45px; + padding: 0 15px; + display: flex; + align-items: center; + justify-content: space-between; + overflow: hidden; + gap: 10px; } .innerFrameWithButton { - padding-right: 0px; + padding-right: 0px; } .value { - white-space: nowrap; + white-space: nowrap; } .dropdown { - top: 45px; - left: 0%; - min-width: 130px; - width: 100%; + top: 45px; + left: 0%; + min-width: 130px; + width: 100%; } .closeButton { - height: 30px; - padding: 15px 15px 15px 5px; - display: flex; - justify-content: flex-end; - align-items: center; + height: 30px; + padding: 15px 15px 15px 5px; + display: flex; + justify-content: flex-end; + align-items: center; } .disabled { - background-color: rgba(239, 239, 239, 0.3); - color: #4a4a4a; - cursor: not-allowed; + background-color: rgba(239, 239, 239, 0.3); + color: #4a4a4a; + cursor: not-allowed; } .placeholder { - color: #757575; -} \ No newline at end of file + color: #757575; +} diff --git a/yarn-project/boxes/blank-react/src/app/components/wallet_dropdown.module.scss b/yarn-project/boxes/blank-react/src/app/components/wallet_dropdown.module.scss index 8ad6aae3cf6..27fdfc4f7f7 100644 --- a/yarn-project/boxes/blank-react/src/app/components/wallet_dropdown.module.scss +++ b/yarn-project/boxes/blank-react/src/app/components/wallet_dropdown.module.scss @@ -1,9 +1,9 @@ .walletSelector { - position: fixed; - top: 30px; - right: 30px; - display: flex; - gap: 10px; - flex-direction: row; - align-items: center; -} \ No newline at end of file + position: fixed; + top: 30px; + right: 30px; + display: flex; + gap: 10px; + flex-direction: row; + align-items: center; +} diff --git a/yarn-project/boxes/blank-react/src/app/contract.module.scss b/yarn-project/boxes/blank-react/src/app/contract.module.scss index bd16d195904..d5404d25035 100644 --- a/yarn-project/boxes/blank-react/src/app/contract.module.scss +++ b/yarn-project/boxes/blank-react/src/app/contract.module.scss @@ -1,53 +1,53 @@ .tos { - position: fixed; - bottom: 30px; - right: 30px; - cursor: pointer; - font-size: 14px; + position: fixed; + bottom: 30px; + right: 30px; + cursor: pointer; + font-size: 14px; } .selectorWrapper { - display: flex; - flex-direction: column; - margin: 30px; - gap: 20px; + display: flex; + flex-direction: column; + margin: 30px; + gap: 20px; } .functions { - display: flex; - flex-direction: row; - gap: 20px; + display: flex; + flex-direction: row; + gap: 20px; } .tag { - font-weight: 450; - display: flex; - position: relative; - flex-direction: column; - font-size: 16px; - gap: 5px; - background-color: #fff; - text-align: right; - padding: 14px 18px; - text-align: center; - background-color: #f9f9f9; - align-self: center; - border-radius: 10px; + font-weight: 450; + display: flex; + position: relative; + flex-direction: column; + font-size: 16px; + gap: 5px; + background-color: #fff; + text-align: right; + padding: 14px 18px; + text-align: center; + background-color: #f9f9f9; + align-self: center; + border-radius: 10px; } .back { - top: 15px; - width: 20px; - left: 30px; - margin-bottom: 15px; + top: 15px; + width: 20px; + left: 30px; + margin-bottom: 15px; } .address { - display: flex; - justify-content: center; - align-items: center; + display: flex; + justify-content: center; + align-items: center; } .title { - font-weight: 500; -} \ No newline at end of file + font-weight: 500; +} diff --git a/yarn-project/boxes/blank-react/src/app/home.module.scss b/yarn-project/boxes/blank-react/src/app/home.module.scss index 12cce21ad73..44ff7f76446 100644 --- a/yarn-project/boxes/blank-react/src/app/home.module.scss +++ b/yarn-project/boxes/blank-react/src/app/home.module.scss @@ -1,28 +1,28 @@ .main { - display: flex; - gap: 20px; - flex-direction: column; - justify-content: center; - align-items: center; + display: flex; + gap: 20px; + flex-direction: column; + justify-content: center; + align-items: center; } .logo { - position: fixed; - cursor: pointer; - top: 35px; - left: 30px; - height: 35px; + position: fixed; + cursor: pointer; + top: 35px; + left: 30px; + height: 35px; } .privateBackground { - transform: rotate(-20deg); - width: 150vw; - height: 150vh; - font-weight: 500; - opacity: 0.3; - font-size: 14px; - pointer-events: none; - position: absolute; - font-size: 14px; - z-index: 0; -} \ No newline at end of file + transform: rotate(-20deg); + width: 150vw; + height: 150vh; + font-weight: 500; + opacity: 0.3; + font-size: 14px; + pointer-events: none; + position: absolute; + font-size: 14px; + z-index: 0; +} diff --git a/yarn-project/boxes/blank/src/index.html b/yarn-project/boxes/blank/src/index.html index b5a876be4e8..84f225fe8a9 100644 --- a/yarn-project/boxes/blank/src/index.html +++ b/yarn-project/boxes/blank/src/index.html @@ -1,16 +1,14 @@ - + - - - - + + + Minimal Noir Contract Webpack - + - + - - - \ No newline at end of file + + diff --git a/yarn-project/boxes/private-token/src/app/components/contract_function_form.module.scss b/yarn-project/boxes/private-token/src/app/components/contract_function_form.module.scss index f28047b581a..056dcc719ff 100644 --- a/yarn-project/boxes/private-token/src/app/components/contract_function_form.module.scss +++ b/yarn-project/boxes/private-token/src/app/components/contract_function_form.module.scss @@ -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; -} \ No newline at end of file + width: 100%; + align-self: center; +} diff --git a/yarn-project/boxes/private-token/src/app/components/contract_function_form.tsx b/yarn-project/boxes/private-token/src/app/components/contract_function_form.tsx index c8c672f0676..ac19e8f9fc0 100644 --- a/yarn-project/boxes/private-token/src/app/components/contract_function_form.tsx +++ b/yarn-project/boxes/private-token/src/app/components/contract_function_form.tsx @@ -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}`; } } diff --git a/yarn-project/boxes/private-token/src/app/components/copy.module.scss b/yarn-project/boxes/private-token/src/app/components/copy.module.scss index 6b4a52bf549..26b2360c58a 100644 --- a/yarn-project/boxes/private-token/src/app/components/copy.module.scss +++ b/yarn-project/boxes/private-token/src/app/components/copy.module.scss @@ -1,6 +1,6 @@ .copy { - cursor: pointer; - width: 35px; - height: 25px; - padding: 2px 8px; -} \ No newline at end of file + cursor: pointer; + width: 35px; + height: 25px; + padding: 2px 8px; +} diff --git a/yarn-project/boxes/private-token/src/app/components/dropdown.module.scss b/yarn-project/boxes/private-token/src/app/components/dropdown.module.scss index 8041aff4bc8..18bd40b356b 100644 --- a/yarn-project/boxes/private-token/src/app/components/dropdown.module.scss +++ b/yarn-project/boxes/private-token/src/app/components/dropdown.module.scss @@ -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; -} \ No newline at end of file + color: #2f1f49; +} diff --git a/yarn-project/boxes/private-token/src/app/components/popup.module.scss b/yarn-project/boxes/private-token/src/app/components/popup.module.scss index ecaab4c22fb..0917ca93f41 100644 --- a/yarn-project/boxes/private-token/src/app/components/popup.module.scss +++ b/yarn-project/boxes/private-token/src/app/components/popup.module.scss @@ -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%; -} \ No newline at end of file + width: 100%; +} diff --git a/yarn-project/boxes/private-token/src/app/components/select.module.scss b/yarn-project/boxes/private-token/src/app/components/select.module.scss index 71ecf95ab7f..d639c52f47d 100644 --- a/yarn-project/boxes/private-token/src/app/components/select.module.scss +++ b/yarn-project/boxes/private-token/src/app/components/select.module.scss @@ -1,65 +1,65 @@ .selectBox { - border-radius: 10px; - background-color: white; - position: relative; - font-family: Sohne; - font-size: 16px; - height: 45px; - cursor: pointer; - font-weight: 450; + border-radius: 10px; + background-color: white; + position: relative; + font-family: Sohne; + font-size: 16px; + height: 45px; + cursor: pointer; + font-weight: 450; - @media (max-width: 480px) { - margin: 0; - } + @media (max-width: 480px) { + margin: 0; + } } .icon { - min-width: 12px; + min-width: 12px; } .border { - box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1); + box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1); } .innerFrame { - height: 45px; - padding: 0 15px; - display: flex; - align-items: center; - justify-content: space-between; - overflow: hidden; - gap: 10px; + height: 45px; + padding: 0 15px; + display: flex; + align-items: center; + justify-content: space-between; + overflow: hidden; + gap: 10px; } .innerFrameWithButton { - padding-right: 0px; + padding-right: 0px; } .value { - white-space: nowrap; + white-space: nowrap; } .dropdown { - top: 45px; - left: 0%; - min-width: 130px; - width: 100%; + top: 45px; + left: 0%; + min-width: 130px; + width: 100%; } .closeButton { - height: 30px; - padding: 15px 15px 15px 5px; - display: flex; - justify-content: flex-end; - align-items: center; + height: 30px; + padding: 15px 15px 15px 5px; + display: flex; + justify-content: flex-end; + align-items: center; } .disabled { - background-color: rgba(239, 239, 239, 0.3); - color: #4a4a4a; - cursor: not-allowed; + background-color: rgba(239, 239, 239, 0.3); + color: #4a4a4a; + cursor: not-allowed; } .placeholder { - color: #757575; -} \ No newline at end of file + color: #757575; +} diff --git a/yarn-project/boxes/private-token/src/app/components/wallet_dropdown.module.scss b/yarn-project/boxes/private-token/src/app/components/wallet_dropdown.module.scss index 8ad6aae3cf6..27fdfc4f7f7 100644 --- a/yarn-project/boxes/private-token/src/app/components/wallet_dropdown.module.scss +++ b/yarn-project/boxes/private-token/src/app/components/wallet_dropdown.module.scss @@ -1,9 +1,9 @@ .walletSelector { - position: fixed; - top: 30px; - right: 30px; - display: flex; - gap: 10px; - flex-direction: row; - align-items: center; -} \ No newline at end of file + position: fixed; + top: 30px; + right: 30px; + display: flex; + gap: 10px; + flex-direction: row; + align-items: center; +} diff --git a/yarn-project/boxes/private-token/src/app/contract.module.scss b/yarn-project/boxes/private-token/src/app/contract.module.scss index bd16d195904..d5404d25035 100644 --- a/yarn-project/boxes/private-token/src/app/contract.module.scss +++ b/yarn-project/boxes/private-token/src/app/contract.module.scss @@ -1,53 +1,53 @@ .tos { - position: fixed; - bottom: 30px; - right: 30px; - cursor: pointer; - font-size: 14px; + position: fixed; + bottom: 30px; + right: 30px; + cursor: pointer; + font-size: 14px; } .selectorWrapper { - display: flex; - flex-direction: column; - margin: 30px; - gap: 20px; + display: flex; + flex-direction: column; + margin: 30px; + gap: 20px; } .functions { - display: flex; - flex-direction: row; - gap: 20px; + display: flex; + flex-direction: row; + gap: 20px; } .tag { - font-weight: 450; - display: flex; - position: relative; - flex-direction: column; - font-size: 16px; - gap: 5px; - background-color: #fff; - text-align: right; - padding: 14px 18px; - text-align: center; - background-color: #f9f9f9; - align-self: center; - border-radius: 10px; + font-weight: 450; + display: flex; + position: relative; + flex-direction: column; + font-size: 16px; + gap: 5px; + background-color: #fff; + text-align: right; + padding: 14px 18px; + text-align: center; + background-color: #f9f9f9; + align-self: center; + border-radius: 10px; } .back { - top: 15px; - width: 20px; - left: 30px; - margin-bottom: 15px; + top: 15px; + width: 20px; + left: 30px; + margin-bottom: 15px; } .address { - display: flex; - justify-content: center; - align-items: center; + display: flex; + justify-content: center; + align-items: center; } .title { - font-weight: 500; -} \ No newline at end of file + font-weight: 500; +} diff --git a/yarn-project/boxes/private-token/src/app/home.module.scss b/yarn-project/boxes/private-token/src/app/home.module.scss index 12cce21ad73..44ff7f76446 100644 --- a/yarn-project/boxes/private-token/src/app/home.module.scss +++ b/yarn-project/boxes/private-token/src/app/home.module.scss @@ -1,28 +1,28 @@ .main { - display: flex; - gap: 20px; - flex-direction: column; - justify-content: center; - align-items: center; + display: flex; + gap: 20px; + flex-direction: column; + justify-content: center; + align-items: center; } .logo { - position: fixed; - cursor: pointer; - top: 35px; - left: 30px; - height: 35px; + position: fixed; + cursor: pointer; + top: 35px; + left: 30px; + height: 35px; } .privateBackground { - transform: rotate(-20deg); - width: 150vw; - height: 150vh; - font-weight: 500; - opacity: 0.3; - font-size: 14px; - pointer-events: none; - position: absolute; - font-size: 14px; - z-index: 0; -} \ No newline at end of file + transform: rotate(-20deg); + width: 150vw; + height: 150vh; + font-weight: 500; + opacity: 0.3; + font-size: 14px; + pointer-events: none; + position: absolute; + font-size: 14px; + z-index: 0; +}