Rendering optimization

This commit is contained in:
sairaj mote 2023-07-06 18:46:56 +05:30
parent 9983059012
commit a3d082f1d2
4 changed files with 6 additions and 2 deletions

View File

@ -780,6 +780,8 @@ h3 {
padding: 1rem; padding: 1rem;
background-color: rgba(var(--text-color), 0.03); background-color: rgba(var(--text-color), 0.03);
border-radius: 0.3rem; border-radius: 0.3rem;
content-visibility: auto;
contain-intrinsic-size: 10rem;
} }
.transaction:not(:last-of-type) { .transaction:not(:last-of-type) {
margin-bottom: 1rem; margin-bottom: 1rem;

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -745,6 +745,8 @@ h3 {
padding: 1rem; padding: 1rem;
background-color: rgba(var(--text-color), 0.03); background-color: rgba(var(--text-color), 0.03);
border-radius: 0.3rem; border-radius: 0.3rem;
content-visibility: auto;
contain-intrinsic-size: 10rem;
&:not(:last-of-type) { &:not(:last-of-type) {
margin-bottom: 1rem; margin-bottom: 1rem;
} }

View File

@ -188,7 +188,7 @@
</div> </div>
<section class="grid gap-1"> <section class="grid gap-1">
<div class="flex align-center space-between sticky top-0 flex-wrap gap-1" <div class="flex align-center space-between sticky top-0 flex-wrap gap-1"
style="background-color: rgba(var(--foreground-color), 1);transition: background-color .3s; padding-bottom: 0.5rem;"> style="background-color: rgba(var(--foreground-color), 1);transition: background-color .3s; padding-bottom: 0.5rem; z-index: 2">
<h4>Transactions</h4> <h4>Transactions</h4>
<sm-chips id="filter_selector" class="hidden"> <sm-chips id="filter_selector" class="hidden">
<sm-chip value="all" selected>All</sm-chip> <sm-chip value="all" selected>All</sm-chip>