increase notyf font size, width, and time on screen

#333
3DStreet · Sep 11, 2023 · 5937130 · 5937130
1 parent 458d561
commit 5937130
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git 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
@@ -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 *********/