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

Adding verifier features

Browse Source
This commit is contained in:
sairaj mote 2023-08-11 04:22:26 +05:30
parent 5122164019
commit f83b74ec2c
4 changed files with 518 additions and 135 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
css/main.css
View File

@ -79,7 +79,7 @@ button,
font-size: inherit; font-size: inherit;
font-weight: 500; font-weight: 500;
white-space: nowrap; white-space: nowrap;
padding: 0.9rem; padding: 0.6rem 0.9rem;
border-radius: 0.3rem; border-radius: 0.3rem;
justify-content: center; justify-content: center;
} }
@ -276,7 +276,7 @@ input[type=radio] {
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.breakable { .wrap-around {
overflow-wrap: break-word; overflow-wrap: break-word;
word-wrap: break-word; word-wrap: break-word;
word-break: break-word; word-break: break-word;
@ -780,6 +780,34 @@ h3 {
letter-spacing: 0.02em; letter-spacing: 0.02em;
} }
.revoke-card {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: space-between;
padding: 1rem;
border-radius: 0.5rem;
background-color: rgba(var(--foreground-color), 1);
}
.revoke-card label {
gap: 1rem;
font-weight: 500;
cursor: pointer;
}
.revoke-card input {
accent-color: var(--accent-color);
height: 1.3em;
width: 1.3em;
}
.revoke-card span:last-of-type {
font-size: 0.9rem;
color: rgba(var(--text-color), 0.8);
font-weight: 400;
}
.revoke-card .button {
padding: 0.5rem 1rem;
}
#view_file_popup .button { #view_file_popup .button {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
} }
@ -856,12 +884,11 @@ h3 {
background-color: rgba(var(--text-color), 0.1); background-color: rgba(var(--text-color), 0.1);
overflow: hidden; overflow: hidden;
} }
.progress::after { .progress__bar {
content: "";
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: var(--value); width: 0;
height: 100%; height: 100%;
background-color: var(--accent-color); background-color: var(--accent-color);
transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

36
css/main.scss
View File

@ -75,7 +75,7 @@ button,
font-size: inherit; font-size: inherit;
font-weight: 500; font-weight: 500;
white-space: nowrap; white-space: nowrap;
padding: 0.9rem; padding: 0.6rem 0.9rem;
border-radius: 0.3rem; border-radius: 0.3rem;
justify-content: center; justify-content: center;
&:focus-visible { &:focus-visible {
@ -252,7 +252,7 @@ input[type="radio"] {
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.breakable { .wrap-around {
overflow-wrap: break-word; overflow-wrap: break-word;
word-wrap: break-word; word-wrap: break-word;
word-break: break-word; word-break: break-word;
@ -737,6 +737,33 @@ h3 {
letter-spacing: 0.02em; letter-spacing: 0.02em;
} }
} }
.revoke-card {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: space-between;
padding: 1rem;
border-radius: 0.5rem;
background-color: rgba(var(--foreground-color), 1);
label {
gap: 1rem;
font-weight: 500;
cursor: pointer;
}
input {
accent-color: var(--accent-color);
height: 1.3em;
width: 1.3em;
}
span:last-of-type {
font-size: 0.9rem;
color: rgba(var(--text-color), 0.8);
font-weight: 400;
}
.button {
padding: 0.5rem 1rem;
}
}
#view_file_popup { #view_file_popup {
.button { .button {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -818,12 +845,11 @@ h3 {
border-radius: 2rem; border-radius: 2rem;
background-color: rgba(var(--text-color), 0.1); background-color: rgba(var(--text-color), 0.1);
overflow: hidden; overflow: hidden;
&::after { &__bar {
content: "";
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: var(--value); width: 0;
height: 100%; height: 100%;
background-color: var(--accent-color); background-color: var(--accent-color);
transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out;

578
index.html
View File

File diff suppressed because one or more lines are too long