Skip to content

Commit

Permalink
increase notyf font size, width, and time on screen
Browse files Browse the repository at this point in the history
  • Loading branch information
kfarr committed Sep 11, 2023
1 parent 458d561 commit 5937130
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 1 deletion.
2 changes: 1 addition & 1 deletion src/components/notify.js
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
8 changes: 8 additions & 0 deletions src/viewer-styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -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 *********/

Expand Down

0 comments on commit 5937130

Please sign in to comment.