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

Creating Sub Admin UI and functions

Browse Source
This commit is contained in:
sairaj mote 2023-08-03 02:05:32 +05:30
parent 8f778b9417
commit b80599138c
4 changed files with 293 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
css/main.css
View File

@ -15,7 +15,7 @@ body {
}
body {
--accent-color: #256eff;
--accent-color: #365eff;
--text-color: 30, 30, 30;
--background-color: 240, 240, 240;
--foreground-color: 250, 250, 250;
@ -673,8 +673,8 @@ h3 {
margin-bottom: 1rem;
}
.drag-drop-container,
#file_upload_section {
.card {
padding: 1.5rem;
border-radius: 0.5rem;
box-shadow: 0 0 0 1px rgba(var(--text-color), 0.1);
background-color: rgba(var(--foreground-color), 1);
@ -682,22 +682,30 @@ h3 {
}
.drag-drop-container {
padding: max(3rem, 6vw) 1.5rem;
text-align: center;
cursor: pointer;
align-items: center;
justify-items: center;
padding: 3vw 1rem;
}
.drag-drop-container.drag-over, .drag-drop-container:hover {
box-shadow: 0 0 0 0.1rem var(--accent-color);
}
.drag-drop-container .drag-drop-text {
font-size: 1.1rem;
color: rgba(var(--text-color), 0.9);
}
.drag-drop-container p {
max-width: 100%;
color: rgba(var(--text-color), 0.6);
}
.drag-drop-container strong {
font-weight: 500;
color: rgba(var(--text-color), 0.8);
background-color: rgba(var(--text-color), 0.06);
border-radius: 3rem;
padding: 0.1rem 0.8rem;
}
#upload_icon {
width: 8rem;
@ -711,7 +719,6 @@ h3 {
}
#file_upload_section {
padding: 1.5rem;
margin-bottom: 3rem;
}
#file_upload_section fieldset {
@ -749,6 +756,30 @@ h3 {
color: rgba(var(--text-color), 0.8);
}
.kyc-request {
display: grid;
gap: 1rem;
padding: 1rem;
border-radius: 0.5rem;
background-color: rgba(var(--foreground-color), 1);
}
.kyc-request time {
font-size: 0.9rem;
color: rgba(var(--text-color), 0.8);
}
.kyc-request h4 {
font-size: 1.1rem;
}
.kyc-request sm-copy {
font-weight: 500;
}
.kyc-request button {
text-transform: uppercase;
padding: 0.4rem 0.6rem;
font-size: 0.85rem;
letter-spacing: 0.02em;
}
@media screen and (max-width: 40rem) {
theme-toggle {
order: 2;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

41
css/main.scss
View File

@ -15,7 +15,7 @@ body {
}
body {
--accent-color: #256eff;
--accent-color: #365eff;
--text-color: 30, 30, 30;
--background-color: 240, 240, 240;
--foreground-color: 250, 250, 250;
@ -633,24 +633,25 @@ h3 {
margin-bottom: 1rem;
}
}
.drag-drop-container,
#file_upload_section {
.card {
padding: 1.5rem;
border-radius: 0.5rem;
box-shadow: 0 0 0 1px rgba(var(--text-color), 0.1);
background-color: rgba(var(--foreground-color), 1);
transition: box-shadow 0.2s, background-color 0.2s;
}
.drag-drop-container {
padding: max(3rem, 6vw) 1.5rem;
text-align: center;
cursor: pointer;
align-items: center;
justify-items: center;
padding: 3vw 1rem;
&.drag-over,
&:hover {
box-shadow: 0 0 0 0.1rem var(--accent-color);
}
.drag-drop-text {
font-size: 1.1rem;
color: rgba(var(--text-color), 0.9);
}
@ -658,6 +659,13 @@ h3 {
max-width: 100%;
color: rgba(var(--text-color), 0.6);
}
strong {
font-weight: 500;
color: rgba(var(--text-color), 0.8);
background-color: rgba(var(--text-color), 0.06);
border-radius: 3rem;
padding: 0.1rem 0.8rem;
}
}
#upload_icon {
width: 8rem;
@ -671,7 +679,6 @@ h3 {
}
#file_upload_section {
padding: 1.5rem;
margin-bottom: 3rem;
fieldset {
padding: 0.5rem;
@ -706,6 +713,30 @@ h3 {
color: rgba(var(--text-color), 0.8);
}
}
.kyc-request {
display: grid;
gap: 1rem;
padding: 1rem;
border-radius: 0.5rem;
background-color: rgba(var(--foreground-color), 1);
time {
font-size: 0.9rem;
color: rgba(var(--text-color), 0.8);
}
h4 {
font-size: 1.1rem;
}
sm-copy {
font-weight: 500;
}
button {
text-transform: uppercase;
padding: 0.4rem 0.6rem;
font-size: 0.85rem;
letter-spacing: 0.02em;
}
}
@media screen and (max-width: 40rem) {
theme-toggle {
order: 2;

299
index.html
View File

File diff suppressed because one or more lines are too long