RanchiMall/blockchainbonds
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UX update

Browse Source
This commit is contained in:
sairaj mote 2021-05-06 23:50:01 +05:30
parent 1f8cd62c09
commit 53a80c6e96
4 changed files with 31 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/main.css
View File

@ -545,7 +545,7 @@ bond-transaction {
.placeholder__block {
display: flex;
border-radius: 0.3rem;
min-width: 10rem;
min-width: 9rem;
padding: 1.2rem 1rem;
animation: pulse alternate 0.6s ease infinite;
background-color: rgba(var(--text-color), 0.1);
@ -585,6 +585,16 @@ form select option {
margin-bottom: 1.5rem;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
#admin_id {

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

14
css/main.scss
View File

@ -471,7 +471,7 @@ bond-transaction{
.placeholder__block{
display: flex;
border-radius: 0.3rem;
min-width: 10rem;
min-width: 9rem;
padding: 1.2rem 1rem;
animation: pulse alternate 0.6s ease infinite;
background-color: rgba(var(--text-color), 0.1);
@ -512,6 +512,18 @@ form{
margin-bottom: 1.5rem;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
#admin_id{

12
index.html
View File

@ -99,7 +99,7 @@
</label>
<label class="grid gap-0-5">
Amount (₹)
<input type="text" name="amount" pattern="\d.+" required>
<input type="text" inputmode="numeric" name="amount" pattern="\d.+" required>
</label>
<label class="grid gap-0-5">
Bond start date
@ -111,16 +111,16 @@
</label>
<label class="grid gap-0-5">
Base USD rate (₹)
<input type="number" name="usd_rate" step="0.01" required>
<input type="number" inputmode="numeric" name="usd_rate" step="0.01" required>
</label>
<label class="grid gap-0-5">
Guaranteed interest rate (%)
<input type="number" name="gi_r" min=0 max=100 step="0.01" required>
<input type="number" inputmode="numeric" name="gi_r" min=0 max=100 step="0.01" required>
</label>
<div class="grid gap-0-5">
Guaranteed interest period
<div class="flex">
<input type="number" name="gi_pv" required>
<input type="number" inputmode="numeric" name="gi_pv" required>
<sm-select id="gi_pt" align-select="right">
<sm-option value="year(s)" selected>year(s)</sm-option>
<sm-option value="month(s)">month(s)</sm-option>
@ -131,12 +131,12 @@
</div>
<label class="grid gap-0-5">
Gain share (%)
<input type="number" name="cut" min=0 max=100 required>
<input type="number" inputmode="numeric" name="cut" min=0 max=100 required>
</label>
<div class="grid gap-0-5">
Lock-in period
<div class="flex">
<input type="number" name="lockin_v" required>
<input type="number" inputmode="numeric" name="lockin_v" required>
<sm-select id="lockin_t" align-select="right">
<sm-option value="year(s)" selected>year(s)</sm-option>
<sm-option value="month(s)">month(s)</sm-option>