diff --git a/src/slices/file-operations/CreateFileViewEncrypted.ts b/src/slices/file-operations/CreateFileViewEncrypted.ts index 6a42ef2..b3f49d0 100644 --- a/src/slices/file-operations/CreateFileViewEncrypted.ts +++ b/src/slices/file-operations/CreateFileViewEncrypted.ts @@ -218,7 +218,10 @@ export class CreateFileViewEncrypted extends ItemView { // Private indicator const privateIndicator = contentBox.createDiv('streams-create-file-encrypted-private-indicator'); - privateIndicator.setText('Private'); + const privateIcon = privateIndicator.createSpan('streams-create-file-encrypted-private-icon'); + setIcon(privateIcon, this.stream.icon || 'book'); + const privateText = privateIndicator.createSpan('streams-create-file-encrypted-private-text'); + privateText.setText('Private'); // Date display const dateEl = contentBox.createDiv('streams-create-file-encrypted-date'); diff --git a/styles.css b/styles.css index 21f1152..17e3efb 100644 --- a/styles.css +++ b/styles.css @@ -1707,23 +1707,27 @@ } .streams-create-file-encrypted-private-indicator { - font-size: 1em; - font-weight: 600; - color: var(--text-muted); - margin-bottom: 12px; - padding: 0; - background: none; - border: none; display: flex; align-items: center; justify-content: center; + margin-bottom: 12px; gap: 8px; - box-shadow: none; } -.streams-create-file-encrypted-private-indicator::before { - content: "🔒"; - font-size: 16px; +.streams-create-file-encrypted-private-icon { + display: flex; + align-items: center; +} + +.streams-create-file-encrypted-private-icon svg { + width: 18px; + height: 18px; + color: var(--text-muted); +} + +.streams-create-file-encrypted-private-text { + font-size: 1em; + font-weight: 600; color: var(--text-muted); }