Qortal/qortal-ui
1
0
Fork 0
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-04-24 03:47:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Modal match ui theme

Browse Source
This commit is contained in:
AlphaX-Projects 2023-03-26 21:49:37 +02:00 committed by GitHub
parent 6364f7f4e3
commit aaabfdc9f7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
qortal-ui-plugins/plugins/core/qdn/browser/browser.src.js
View File

@ -1710,7 +1710,7 @@ async function showModalAndWait(type, data) {
<p class="modal-paragraph">${get("browserpage.bchange24")} ${data.service.toLowerCase()}.</p> <p class="modal-paragraph">${get("browserpage.bchange24")} ${data.service.toLowerCase()}.</p>
<p class="modal-paragraph">${get("browserpage.bchange25")}</p> <p class="modal-paragraph">${get("browserpage.bchange25")}</p>
<div class="checkbox-row"> <div class="checkbox-row">
<label for="authButton" id="authButtonLabel"> <label for="authButton" id="authButtonLabel" style="color: var(--black);>
${get('browserpage.bchange26')} ${get('browserpage.bchange26')}
</label> </label>
<mwc-checkbox style="margin-right: -15px;" id="authButton" <mwc-checkbox style="margin-right: -15px;" id="authButton"
@ -1734,7 +1734,7 @@ async function showModalAndWait(type, data) {
`).join('')} `).join('')}
</table> </table>
<div class="checkbox-row"> <div class="checkbox-row">
<label for="isWithFee" id="isWithFeeLabel"> <label for="isWithFee" id="isWithFeeLabel" style="color: var(--black);">
${get('browserpage.bchange33')} ${data.resources.length * 0.001} QORT fee ${get('browserpage.bchange33')} ${data.resources.length * 0.001} QORT fee
</label> </label>
<mwc-checkbox checked style="margin-right: -15px;" id="isWithFee"></mwc-checkbox> <mwc-checkbox checked style="margin-right: -15px;" id="isWithFee"></mwc-checkbox>
@ -1754,7 +1754,7 @@ async function showModalAndWait(type, data) {
<p style="font-size: 16px;overflow-wrap: anywhere;" class="modal-paragraph"><span style="font-weight: bold">${get("browserpage.bchange31")}:</span> ${data.name}</p> <p style="font-size: 16px;overflow-wrap: anywhere;" class="modal-paragraph"><span style="font-weight: bold">${get("browserpage.bchange31")}:</span> ${data.name}</p>
<p style="font-size: 16px;overflow-wrap: anywhere;" class="modal-paragraph"><span style="font-weight: bold">${get("browserpage.bchange32")}:</span> ${data.identifier}</p> <p style="font-size: 16px;overflow-wrap: anywhere;" class="modal-paragraph"><span style="font-weight: bold">${get("browserpage.bchange32")}:</span> ${data.identifier}</p>
<div class="checkbox-row"> <div class="checkbox-row">
<label for="isWithFee" id="isWithFeeLabel"> <label for="isWithFee" id="isWithFeeLabel" style="color: var(--black);>
${get('browserpage.bchange29')} ${get('browserpage.bchange29')}
</label> </label>
<mwc-checkbox checked style="margin-right: -15px;" id="isWithFee"> <mwc-checkbox checked style="margin-right: -15px;" id="isWithFee">
@ -1884,7 +1884,7 @@ z-index: 1000001;
} }
.modal-content { .modal-content {
background-color: #fff; background-color: var(--white);
border-radius: 10px; border-radius: 10px;
padding: 20px; padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
@ -1900,6 +1900,7 @@ padding: 25px;
} }
.modal-subcontainer { .modal-subcontainer {
color: var(--black);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
@ -1911,7 +1912,7 @@ font-family: Roboto, sans-serif;
font-size: 18px; font-size: 18px;
letter-spacing: 0.3px; letter-spacing: 0.3px;
font-weight: 300; font-weight: 300;
color: black; color: var(--black);
margin: 0; margin: 0;
} }