Added error message responsive

victrme · Mar 17, 2022 · ead3ef6 · ead3ef6
1 parent fd4902b
commit ead3ef6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/scripts/utils.js b/src/scripts/utils.js
@@ -219,7 +219,7 @@ function errorMessage(comment, error) {
 		title.textContent = 'Bonjourr has a problem 😖'
 		subtitle.textContent = `Copy this message below and contact us !`
 		explain.textContent =
-			'Sharing this message with us helps a lot in debugging. You can also reset Bonjourr (back up your settings first ⚠️), or close this window if you think it is a false alert.'
+			'Sharing this message with us helps a lot in debugging. You can also reset Bonjourr, or close this window for now if you think it is a false alert.'
 
 		explain.className = 'error-explain'
 

diff --git a/src/styles/scss/style.scss b/src/styles/scss/style.scss
@@ -865,10 +865,11 @@
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
-	top: 100px;
-	left: 100px;
-	width: 500px;
-	padding: 100px;
+	top: 5%;
+	left: 5%;
+	width: calc(90% - 100px);
+	max-width: 500px;
+	padding: 50px;
 	opacity: 0;
 	color: #fff;
 	border-radius: 20px;