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:
@ -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;
|
||||||
|
@ -3,5 +3,4 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: lightblue;
|
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user