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

small styling changes

Browse Source
This commit is contained in:
0ceanSlim 2023-08-09 12:20:30 -04:00
parent c21768901c
commit 83e248c6c7
2 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,9 +6,9 @@
</head> </head>
<div class="currency-dropdown"> <div class="currency-dropdown">
<label for="currency-select">Select Currency: </label> <label for="currency-select">Currency:</label>
<select id="currency-select"> <select id="currency-select">
<option value="usd">Dollars</option> <option value="usd">Dollar</option>
<option value="ars">Argentine Peso</option> <option value="ars">Argentine Peso</option>
<option value="brl">Brazilian Real</option> <option value="brl">Brazilian Real</option>
<option value="cny">Chinese Yuan</option> <option value="cny">Chinese Yuan</option>

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

@ -23,18 +23,34 @@ a:hover {
color: rgb(149, 0, 207); color: rgb(149, 0, 207);
} }
.currency-dropdown { /*.currency-dropdown{
width: auto; width: fit-content;
margin-left: 20px; padding: 8px;
margin-right: 20px; margin: 8px;
margin-top: 20px;
background-color: #282828; background-color: #282828;
border: 3px solid #ccc; border: 3px solid #ccc;
border-radius: 8px; border-radius: 8px;
padding: 10px; padding: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
align-items: center; /* Center items vertically within the container */ font-family: monospace;
justify-content: center; /* Center items horizontally within the container */ color: #ffffff;
align-items: center;
justify-content: center;
right: 10px;
} */
.currency-dropdown #currency-select{
width: fit-content;
padding: 8px;
margin: 8px;
background-color: #282828;
border: 3px solid #ccc;
border-radius: 8px;
padding: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
font-family: monospace;
color: #ffffff;
right: 10px;
} }
.container { .container {