OceanSlim/SatWorth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Display is showing fully correct

Browse Source
This commit is contained in:
0ceanSlim 2023-07-30 20:25:11 -04:00
parent 39ca1e5eb1
commit fd15c82381
3 changed files with 32 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
app/src/main/assets/logo.png → app/src/main/assets/images/logo.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 51 KiB

15
app/src/main/assets/index.html
View File

@ -6,13 +6,16 @@
</head>
<body>
<div class="container">
<span class="bitcoin-logo">
<img src='file:///android_asset/logo.png' alt='BTC' />
</span>
<div id="bitcoin-price"></div>
<div id="dollars-to-sats"></div>
<div class="container">
<div class="price-display">
<div class="bitcoin-logo">
<img src='file:///android_asset/images/logo.png' alt='BTC' />
</div>
<div id="bitcoin-price"></div>
</div>
<div id="dollars-to-sats"></div>
</div>
</body>
</html>

36
app/src/main/assets/style.css
View File

@ -2,7 +2,7 @@
body {
margin: 0;
padding: 0;
background: #252525;
background: #202020;
color: #ffffff;
font-family: monospace, Arial;
font-size: 12px;
@ -16,11 +16,21 @@ body {
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
background-color: #252525;
border: 1px solid #ccc;
background-color: #282828;
border: 3px solid #ccc;
border-radius: 8px;
padding: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
align-items: center; /* Center items vertically within the container */
justify-content: center; /* Center items horizontally within the container */
}
.price-display {
width: auto;
margin-right: 10px;
padding: 10px;
display: flex; /* Add this to create a flexbox layout */
align-items: center; /* Center items vertically within the container */
justify-content: center; /* Center items horizontally within the container */
}
h1 {
@ -28,33 +38,29 @@ h1 {
}
#bitcoin-price {
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-size: 26px;
font-weight: bold;
text-align: center;
margin: 10px;
}
.bitcoin-logo {
height: 28px;
height: 50px;
/* Adjust this to match the font size of the Bitcoin price */
width: 28px;
margin-right: 5px;
width: 50px;
margin-right: 10px;
/* Add some space between the logo and the price */
}
.bitcoin-logo img {
height: 36px;
height: 50px;
/* Adjust this to match the font size of the Bitcoin price */
width: 36px;
width: 50px;
/* Add some space between the logo and the price */
}
#dollars-to-sats {
font-size: 24px;
font-weight: bold;
font-weight: semi-bold;
text-align: center;
margin: 10px;
}