From 5937130ef3e8a79c1910e0eaafd24e2b091d5dd7 Mon Sep 17 00:00:00 2001
From: Kieran Farr <kieran.farr@gmail.com>
Date: Sun, 10 Sep 2023 21:05:21 -0700
Subject: [PATCH] increase notyf font size, width, and time on screen

https://github.com/3DStreet/3dstreet/issues/333
---
 src/components/notify.js | 2 +-
 src/viewer-styles.css    | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/notify.js b/src/components/notify.js
index d6221f4c2..3acdc589d 100644
--- a/src/components/notify.js
+++ b/src/components/notify.js
@@ -3,7 +3,7 @@ var { Notyf } = require('../lib/notyf.min.js');
 
 AFRAME.registerComponent('notify', {
   schema: {
-    duration: { type: 'number', default: 2000 },
+    duration: { type: 'number', default: 6000 },
     ripple: { type: 'boolean', default: true },
     position: {
       type: 'string',
diff --git a/src/viewer-styles.css b/src/viewer-styles.css
index 754ad4ce3..0418d02d9 100644
--- a/src/viewer-styles.css
+++ b/src/viewer-styles.css
@@ -18,6 +18,14 @@ body {
 	margin: 0;
 }
 
+/* notification hack */
+.notyf__message { font-size: 20px !important; }
+
+/* notification width hack */
+.notyf__toast {
+    max-width: 66.66vw !important; /* 2/3rds of viewport width */
+    width: auto !important; /* Resetting any specific width, if set */
+}
 
 /********* viewer header css *********/