diff --git a/Seasoned.Frontend/app/assets/css/app-theme.css b/Seasoned.Frontend/app/assets/css/app-theme.css index e48e66b..5f5ad54 100644 --- a/Seasoned.Frontend/app/assets/css/app-theme.css +++ b/Seasoned.Frontend/app/assets/css/app-theme.css @@ -665,10 +665,28 @@ html, body { border: 1px solid #e8dec5 !important; } -.save-prompt-card { - border: 1px solid #e0d5c5 !important; - border-left: 4px solid #8c4a32 !important; - border-radius: 8px !important; +.save-prompt-paper { + background-color: #f4e4bc !important; + background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png") !important; + border: 1px solid #dccca7 !important; + border-left: 6px solid #8c4a32 !important; + border-radius: 4px !important; +} + +.prompt-title { + font-family: 'Libre Baskerville', serif !important; + font-weight: 700; + font-size: 1.1rem; + color: #1e1408; + text-transform: uppercase; + letter-spacing: 1px; +} + +.prompt-text { + font-family: 'Libre Baskerville', serif !important; + color: #5d4a36; + font-size: 1rem; + line-height: 1.4; } /* Mobile Experience: Full-screen Parchment */ diff --git a/Seasoned.Frontend/app/components/RecipeDisplay.vue b/Seasoned.Frontend/app/components/RecipeDisplay.vue index 7d4551b..dad77bc 100644 --- a/Seasoned.Frontend/app/components/RecipeDisplay.vue +++ b/Seasoned.Frontend/app/components/RecipeDisplay.vue @@ -42,19 +42,29 @@ -
+
mdi-feather -
-

A Quick Note...

-

To create a shareable link, please Save to Collection first.

+ +
+

A Note from the Chef

+

+ To share this creation with others, please Save to Collection first. +

+ - + +
@@ -155,7 +165,9 @@ const printRecipe = () => { const shareRecipe = async () => { if (!props.recipe?.id) { showSavePrompt.value = true; - setTimeout(() => { showSavePrompt.value = false; }, 6000); + setTimeout(() => { + showSavePrompt.value = false; + }, 8000); return; }