Christoph/GitLite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 38 Wiki Activity

style(repo-loading-overlay): adjust overlay position and backdrop

Browse Source 
Remove the extra vertical offset so the loading overlay aligns with the
app titlebar. Update the backdrop color mix and increase blur to improve
contrast and perceived depth while the overlay is visible.

- Align overlay using the titlebar height variable instead of adding a
  fixed offset
- Use a denser color mix and stronger blur for a clearer backdrop effect
This commit is contained in:
Christoph
2026-08-31 09:05:10 +02:00
parent 8f98e79df9
commit b752c0804b
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/RepoLoadingOverlay.svelte
+3 -3
View File
@@ -33,7 +33,7 @@
<style> <style>
.repo-loading { .repo-loading {
position: fixed; position: fixed;
top: calc(var(--app-titlebar-height, 42px) + 56px); top: var(--app-titlebar-height, 42px);
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
@@ -47,8 +47,8 @@
color-mix(in srgb, var(--color-accent) 13%, transparent), color-mix(in srgb, var(--color-accent) 13%, transparent),
transparent 38% transparent 38%
), ),
var(--app-dialog-backdrop); color-mix(in srgb, var(--app-dialog-bg) 78%, #05070a 22%);
backdrop-filter: blur(5px); backdrop-filter: blur(9px);
animation: overlay-in 180ms ease; animation: overlay-in 180ms ease;
} }