mirrors/BitwiseCmd
1
0
Fork 0
mirror of https://github.com/BorysLevytskyi/BitwiseCmd.git synced 2025-12-10 15:02:07 +01:00
Code Issues Projects Releases Wiki Activity

Polish UI

Browse Source
This commit is contained in:
BorysLevytskyi
2023-05-14 15:11:09 +02:00
parent 74bd104ef6
commit 551de2c798
3 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/index.css
View File

@@ -18,7 +18,7 @@ code { font-size: 1.2em; font-weight: bold; }
.mono { font-family: monospace; font-size: 1.3em } .mono { font-family: monospace; font-size: 1.3em }
.button-large { .button {
padding: 10px; padding: 10px;
border: solid 1px white; border: solid 1px white;
border-radius: 5px; border-radius: 5px;
@@ -26,7 +26,11 @@ code { font-size: 1.2em; font-weight: bold; }
display: inline-block; display: inline-block;
} }
.button-large:hover { background: rgba(255, 255, 255, 0.2);} .button { padding: 5px;}
.button svg { margin: 0 5px; }
.button-large { padding: 10px; }
.button:hover { background: rgba(255, 255, 255, 0.2);}
.expressionInput { .expressionInput {
padding: 3px; padding: 3px;
@@ -114,8 +118,8 @@ button { border: none; text-decoration: underline;}
.light button.btn:disabled { color: #888; background-color: inherit; } .light button.btn:disabled { color: #888; background-color: inherit; }
.light .accent1 { color:rgb(56, 161, 103)} .light .accent1 { color:rgb(56, 161, 103)}
.light .expressionInput { border-bottom: solid 1px rgba(0, 0, 0, 0.5);} .light .expressionInput { border-bottom: solid 1px rgba(0, 0, 0, 0.5);}
.light .button-large { border: solid 1px gray; } .light .button { border: solid 1px gray; }
.light .button-large:hover { background: rgba(0, 0, 0, 0.2);} .light .button:hover { background: rgba(0, 0, 0, 0.2);}
/* Dark */ /* Dark */
.dark { background: #121212; color: white;} .dark { background: #121212; color: white;}

11
src/shell/components/DonateResultView.css
View File

@@ -1,12 +1,5 @@
.donate-result-view .copy-button { cursor: pointer; padding: 5px} .donate-result-view .copy-button {margin-left: 10px; }
.donate-result-view .copy-button svg { margin-right: 5px;}
.donate-result-view .qrcode-container { background: white; display: inline-block; padding: 10px} .donate-result-view .qrcode-container { background: white; display: inline-block; padding: 10px}
.donate-result-view .section { .donate-result-view .section { margin-top: 20px; }
margin-top: 20px;
}
.light .donate-result-view .paypal-button { border: solid 1px gray; } .light .donate-result-view .paypal-button { border: solid 1px gray; }
.donate-result-view .paypal-button svg {
margin: 0 5px;
}

7
src/shell/components/DonateResultView.tsx
View File

@@ -19,7 +19,7 @@ function DonateResultView() {
<div className='section'> <div className='section'>
<h3>PayPal</h3> <h3>PayPal</h3>
<p> <p>
<a className='paypal-button button-large' href='https://www.paypal.com/donate/?hosted_button_id=3GREJYC4T5AJ8' target='_blank'> <a className='paypal-button button button-large' href='https://www.paypal.com/donate/?hosted_button_id=3GREJYC4T5AJ8' target='_blank'>
<FontAwesomeIcon icon={faPaypal} size='lg' /> <FontAwesomeIcon icon={faPaypal} size='lg' />
Donate via PayPal Donate via PayPal
</a> </a>
@@ -28,7 +28,10 @@ function DonateResultView() {
<div className='section'> <div className='section'>
<h3>BitCoin</h3> <h3>BitCoin</h3>
<span>BTC Address:</span> <strong>{addr}</strong> <button onClick={() => copy()} title="Copy this address into the Cliboard" className={`copy-button ${copyCss}`}><FontAwesomeIcon icon={faClipboard} size="lg" />Copy</button> <span className={`soft ${copiedCss}`}>copied</span> <span>BTC Address:</span> <strong>{addr}</strong>
<button onClick={() => copy()} title="Copy this address into the Cliboard" className={`button copy-button ${copyCss}`}>
Copy
</button> <span className={`soft ${copiedCss}`}>copied</span>
</div> </div>
</div> </div>