fix: weird left hard border when load-blurring

This commit is contained in:
Herculino Trotta
2024-10-15 23:09:17 -03:00
parent f1fb5dc4dc
commit d0f4dcc957

View File

@@ -97,7 +97,7 @@
100% { transform: rotate(360deg); } 100% { transform: rotate(360deg); }
} }
#transactions.htmx-request, #summary.htmx-request { .show-loading.htmx-request {
position: relative; position: relative;
top: 0; top: 0;
@@ -105,11 +105,11 @@
content: ''; content: '';
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: -8px;
right: 0; right: -8px;
bottom: 0; bottom: 0;
backdrop-filter: blur(4px); backdrop-filter: blur(4px);
z-index: 1000; z-index: 100;
} }
&::after { &::after {
@@ -119,12 +119,10 @@
left: 50%; left: 50%;
width: 40px; width: 40px;
height: 40px; height: 40px;
margin-top: -20px;
margin-left: -20px;
border: 4px solid #f3f3f3; border: 4px solid #f3f3f3;
border-top: 4px solid $primary; border-top: 4px solid $primary;
border-radius: 50%; border-radius: 50%;
animation: spin 1s linear infinite; animation: spin 1s linear infinite;
z-index: 1001; z-index: 101;
} }
} }