0
0
Fork 0

Fix logged-out web UI on smaller screens (#19263)

This commit is contained in:
Eugen Rochko 2022-10-04 20:13:23 +02:00 committed by GitHub
parent 6580ac7241
commit e2b561e3a5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
19 changed files with 489 additions and 474 deletions

View file

@ -23,9 +23,10 @@ export default class NavigationPanel extends React.Component {
return (
<div className='navigation-panel'>
<Link to='/' className='column-link column-link--logo'><Logo /></Link>
<hr />
<div className='navigation-panel__logo'>
<Link to='/' className='column-link column-link--logo'><Logo /></Link>
<hr />
</div>
{signedIn && (
<React.Fragment>
@ -40,10 +41,10 @@ export default class NavigationPanel extends React.Component {
<NavLink className='column-link column-link--transparent' exact to='/public' data-preview-title-id='column.public' data-preview-icon='globe' ><Icon className='column-link__icon' id='globe' fixedWidth /><FormattedMessage id='tabs_bar.federated_timeline' defaultMessage='Federated' /></NavLink>
{!signedIn && (
<React.Fragment>
<div className='navigation-panel__sign-in-banner'>
<hr />
<SignInBanner />
</React.Fragment>
</div>
)}
{signedIn && (
@ -62,6 +63,11 @@ export default class NavigationPanel extends React.Component {
</React.Fragment>
)}
<div className='navigation-panel__legal'>
<hr />
<NavLink className='column-link column-link--transparent' to='/about'><Icon className='column-link__icon' id='ellipsis-h' fixedWidth /><FormattedMessage id='navigation_bar.about' defaultMessage='About' /></NavLink>
</div>
{showTrends && (
<React.Fragment>
<div className='flex-spacer' />