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

more UI and layout changes

Browse Source
This commit is contained in:
sairaj mote 2022-05-11 00:43:57 +05:30
parent ee7ace057b
commit 95a93c61db
4 changed files with 26 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/main.css
View File

@ -467,10 +467,6 @@ ul {
margin-top: auto;
font-size: 2rem;
}
.page__header .illustration {
height: 8rem;
width: auto;
}
.page-layout {
display: grid;
@ -727,7 +723,8 @@ ul {
#wallet_section {
padding: 1rem;
background-color: rgba(var(--text-color), 0.03);
background: url(bg-art2.svg) no-repeat right bottom, rgba(var(--text-color), 0.03);
background-size: contain;
border-radius: 0.5rem;
}
@ -753,6 +750,8 @@ ul {
font-size: 0.8rem;
padding: 0.8rem 0;
background-color: rgba(var(--foreground-color), 0.5);
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
}
.wallet-action .icon {
fill: var(--accent-color);

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

9
css/main.scss
View File

@ -435,10 +435,6 @@ ul {
margin-top: auto;
font-size: 2rem;
}
.illustration {
height: 8rem;
width: auto;
}
}
}
.page-layout {
@ -682,7 +678,9 @@ ul {
}
#wallet_section {
padding: 1rem;
background-color: rgba(var(--text-color), 0.03);
background: url(bg-art2.svg) no-repeat right bottom,
rgba(var(--text-color), 0.03);
background-size: contain;
border-radius: 0.5rem;
}
#rupee_balance {
@ -707,6 +705,7 @@ ul {
font-size: 0.8rem;
padding: 0.8rem 0;
background-color: rgba(var(--foreground-color), 0.5);
backdrop-filter: blur(1rem);
.icon {
fill: var(--accent-color);
margin-bottom: 0.5rem;

30
index.html
View File

@ -160,7 +160,10 @@
<sm-copy class="logged-in-user-id" style="font-size: 0.9rem;"></sm-copy>
</div>
<div id="wallet_section" class="grid gap-1">
<h4>My wallet</h4>
<div class="flex align-center space-between">
<h4>My wallet</h4>
<a href="#/wallet" class="interact">See history</a>
</div>
<div class="grid gap-0-5">
<h5>Balance</h5>
<h1 class="h1" id="rupee_balance"></h1>
@ -365,7 +368,19 @@
</section>
<section id="wallet" class="inner-page hide">
<div class="page__header">
<h1>Wallet</h1>
<div class="grid justify-start gap-1">
<a href="#/home" class="button icon-only margin-right-0-5">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
width="24px" fill="#000000">
<path d="M0 0h24v24H0z" fill="none" />
<path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" />
</svg>
</a>
<div class="grid">
<h4>Wallet</h4>
<h1>transactions</h1>
</div>
</div>
</div>
<div id="wallet_history_wrapper" class="grid gap-1-5 user-element">
<div class="hide grid gap-1">
@ -489,17 +504,6 @@
<span class="nav-item__title">Requests</span>
</a>
</li>
<li>
<a href="#/wallet" class="nav-item interact" title='View payment requests'>
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
width="24px" fill="#000000">
<path d="M0 0h24v24H0z" fill="none" />
<path
d="M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" />
</svg>
<span class="nav-item__title">Wallet</span>
</a>
</li>
<li>
<a href="#/settings" class="nav-item interact">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"