diff --git a/JournalApp/Components/EditCategoryDialog.razor b/JournalApp/Components/EditCategoryDialog.razor index eb219f0..c90c00a 100644 --- a/JournalApp/Components/EditCategoryDialog.razor +++ b/JournalApp/Components/EditCategoryDialog.razor @@ -52,12 +52,14 @@ @if (Category != null) { - Delete + Delete + + } - Cancel + Cancel - Submit + Submit diff --git a/JournalApp/Components/EditDoseDialog.razor b/JournalApp/Components/EditDoseDialog.razor index f82a5e8..51cc66d 100644 --- a/JournalApp/Components/EditDoseDialog.razor +++ b/JournalApp/Components/EditDoseDialog.razor @@ -24,9 +24,9 @@ - Cancel + Cancel - Submit + Submit diff --git a/JournalApp/Components/EditNoteDialog.razor b/JournalApp/Components/EditNoteDialog.razor index 6fa9ea3..06bbcae 100644 --- a/JournalApp/Components/EditNoteDialog.razor +++ b/JournalApp/Components/EditNoteDialog.razor @@ -13,9 +13,9 @@ - Cancel + Cancel - Submit + Submit diff --git a/JournalApp/Components/JaMessageBox.razor b/JournalApp/Components/JaMessageBox.razor index e75e114..8717432 100644 --- a/JournalApp/Components/JaMessageBox.razor +++ b/JournalApp/Components/JaMessageBox.razor @@ -41,7 +41,7 @@ } else if (!string.IsNullOrWhiteSpace(CancelText)) { - @CancelText + @CancelText } @if (NoButton is not null) { @@ -51,7 +51,7 @@ } else if (!string.IsNullOrWhiteSpace(NoText)) { - @NoText + @NoText } @if (YesButton is not null) { @@ -61,7 +61,7 @@ } else if (!string.IsNullOrWhiteSpace(YesText)) { - @YesText + @YesText } diff --git a/JournalApp/wwwroot/app.css b/JournalApp/wwwroot/app.css index 3e44c52..1fe16a3 100644 --- a/JournalApp/wwwroot/app.css +++ b/JournalApp/wwwroot/app.css @@ -269,14 +269,38 @@ label.mud-switch.mud-disabled .mud-switch-span { --mud-palette-surface: var(--mud-palette-gray-lighter); } -/* M3 dialogs sit on surfaceContainerHigh. */ +/* M3 dialogs sit on surfaceContainerHigh with the 24px container inset. */ .mud-dialog { - padding: 12px !important; - gap: 12px !important; + padding: 24px !important; + gap: 16px !important; border-radius: 28px; --mud-palette-surface: var(--mud-palette-gray-lighter); } +/* M3 dialog headline is headline-small on the leading edge, not a centered bold h6. */ +.mud-dialog-title { + padding: 0 !important; + display: flex; + align-items: center; + justify-content: flex-start; +} + +.mud-dialog-title .mud-typography-h6 { + font-size: 24px; + font-weight: 400; + line-height: 32px; +} + +/* M3 dialog supporting text reads on onSurfaceVariant; inputs keep their own stronger ink. */ +.mud-dialog-content { + color: var(--mud-palette-text-secondary); +} + +.mud-dialog-actions { + gap: 8px; + justify-content: flex-end; +} + /* M3 filled cards: tonal, flat (depth comes from tone, not shadow). */ .mud-card { padding: 12px !important; @@ -290,7 +314,7 @@ label.mud-switch.mud-disabled .mud-switch-span { font-size: inherit; } -.mud-dialog-title, .mud-card-header { +.mud-card-header { padding: 0 !important; padding-top: 8px !important; display: flex;