LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Fix splash error message when the app can't initialize. (#7615)

Browse source
This commit is contained in:
Franco Montenegro 2022-06-20 13:59:56 -03:00 committed by GitHub
parent 68718f32b2
commit 2e565fd95b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
ui/component/splash/view.jsx
View file

@ -241,8 +241,12 @@ export default class SplashScreen extends React.PureComponent<Props, State> {
return ( return (
<div className="splash"> <div className="splash">
<h1 className="splash__title">LBRY</h1> {!error && (
<div className="splash__details">{details}</div> <>
<h1 className="splash__title">LBRY</h1>
<div className="splash__details">{details}</div>
</>
)}
{!animationHidden && !error && ( {!animationHidden && !error && (
<css-doodle class="doodle"> <css-doodle class="doodle">
@ -290,7 +294,7 @@ export default class SplashScreen extends React.PureComponent<Props, State> {
)} )}
{error && ( {error && (
<Card <Card
title={__('Error starting up')} title={<h1 className="splash__error-title">{__('Error starting up')}</h1>}
subtitle={ subtitle={
<React.Fragment> <React.Fragment>
<p> <p>

7
ui/scss/component/_splash.scss
View file

@ -28,6 +28,13 @@
margin-top: -1rem; margin-top: -1rem;
} }
.splash__error-title {
font-size: 22px;
line-height: 1;
font-weight: var(--font-weight-bold);
color: #fff;
}
.splash__animation-toggle { .splash__animation-toggle {
position: fixed; position: fixed;
top: var(--spacing-l); top: var(--spacing-l);