Skip to content

Commit 906857e

Browse files
committed
feat(decrypt-progress): show progress bar inside decrypt card with brand blue
Wrap the Decrypting state in the same decrypt-card box used during the Yivi/Ready step so the bar appears on the same page rather than a bare swap-out. Recolor the bar fill to --pg-primary-contrast for a darker brand blue that reads as a deliberate progress indicator.
1 parent 7a6445f commit 906857e

2 files changed

Lines changed: 5 additions & 3 deletions

File tree

src/lib/components/filesharing/DecryptionProgress.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@
7575
7676
.bar-fill {
7777
height: 100%;
78-
background: var(--pg-text);
78+
background: var(--pg-primary-contrast);
7979
border-radius: 4px;
8080
transition: width 0.15s ease-out;
8181
}
@@ -86,7 +86,7 @@
8686
left: 0;
8787
height: 100%;
8888
width: 40%;
89-
background: var(--pg-text);
89+
background: var(--pg-primary-contrast);
9090
border-radius: 4px;
9191
animation: slide 1.4s ease-in-out infinite;
9292
}

src/routes/(app)/download/+page.svelte

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -280,7 +280,9 @@
280280
</div>
281281
{/if}
282282
{:else if downloadState === 'Decrypting'}
283-
<DecryptionProgress percentage={decryptPct} />
283+
<div class="decrypt-card">
284+
<DecryptionProgress percentage={decryptPct} />
285+
</div>
284286
{#if $retryStatus}
285287
<p class="retry-status" role="status">
286288
{$_('filesharing.encryptPanel.retrying', {

0 commit comments

Comments
 (0)