removed background color from offline-warning.css and added wrapper class alert-info (#40237)

* fixed issue offline warning message is hard to read in dark mode

* Update client/src/components/OfflineWarning/OfflineWarning.js

Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com>

* Update client/src/components/OfflineWarning/OfflineWarning.js

Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com>

Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com>
This commit is contained in:
Nullaferius
2020-11-16 14:32:05 +03:00
committed by GitHub
parent e39c2d88ad
commit 76763272c1
2 changed files with 1 additions and 2 deletions

View File

@ -25,7 +25,7 @@ function OfflineWarning({ isOnline, isSignedIn }) {
} }
return showWarning ? ( return showWarning ? (
<div className='offline-warning'> <div className='offline-warning alert-info'>
You appear to be offline, your progress may not be being saved. You appear to be offline, your progress may not be being saved.
</div> </div>
) : null; ) : null;

View File

@ -3,5 +3,4 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: lightblue;
} }