diff --git a/src/NexusReader.UI.Shared/Components/Organisms/BookIngestionModal.razor b/src/NexusReader.UI.Shared/Components/Organisms/BookIngestionModal.razor index bb04130..68baf6c 100644 --- a/src/NexusReader.UI.Shared/Components/Organisms/BookIngestionModal.razor +++ b/src/NexusReader.UI.Shared/Components/Organisms/BookIngestionModal.razor @@ -33,8 +33,15 @@

Scanning metadata...

+ +
+
+
+

Saving book to library...

+
+
-
+
@if (Metadata != null) {
@@ -70,8 +77,8 @@
Back + OnClick="SaveToLibrary" + Disabled="IsIngesting"> @(IsIngesting ? "" : "Save to Library")
@@ -79,7 +86,7 @@
diff --git a/src/NexusReader.UI.Shared/Components/Organisms/BookIngestionModal.razor.css b/src/NexusReader.UI.Shared/Components/Organisms/BookIngestionModal.razor.css index 519639b..d92d068 100644 --- a/src/NexusReader.UI.Shared/Components/Organisms/BookIngestionModal.razor.css +++ b/src/NexusReader.UI.Shared/Components/Organisms/BookIngestionModal.razor.css @@ -118,8 +118,9 @@ z-index: 10; } -/* Parsing State */ -.parsing-state { +/* Parsing and Ingesting States */ +.parsing-state, +.ingesting-state { flex: 1; display: flex; justify-content: center; @@ -158,7 +159,8 @@ filter: drop-shadow(0 0 8px rgba(0, 255, 153, 0.3)); } -.parsing-state p { +.parsing-state p, +.ingesting-state p { color: var(--nexus-text); font-family: var(--nexus-font-mono, monospace); font-size: 0.9rem; @@ -371,10 +373,11 @@ position: absolute; width: 20px; height: 20px; - border: 2px solid rgba(0, 0, 0, 0.1); - border-top-color: #000; + border: 2px solid rgba(255, 255, 255, 0.2); + border-top-color: var(--nexus-neon, #00ffaa); border-radius: 50%; animation: spin 0.8s linear infinite; + filter: drop-shadow(0 0 4px var(--nexus-neon, #00ffaa)); } /* Indexing State */