refactor: getting-started__wrapper should contained in getting-started (#8532)
parent
1bfe735d57
commit
f5c052b5e6
|
@ -126,6 +126,7 @@ export default class GettingStarted extends ImmutablePureComponent {
|
|||
</h1>
|
||||
</div>}
|
||||
|
||||
<div className='getting-started'>
|
||||
<div className='getting-started__wrapper' style={{ height }}>
|
||||
{!multiColumn && <NavigationBar account={myAccount} />}
|
||||
{navItems}
|
||||
|
@ -133,7 +134,7 @@ export default class GettingStarted extends ImmutablePureComponent {
|
|||
|
||||
{!multiColumn && <div className='flex-spacer' />}
|
||||
|
||||
<div className='getting-started getting-started__footer'>
|
||||
<div className='getting-started__footer'>
|
||||
<ul>
|
||||
<li><a href='https://bridge.joinmastodon.org/' target='_blank'><FormattedMessage id='getting_started.find_friends' defaultMessage='Find friends from Twitter' /></a> · </li>
|
||||
{invitesEnabled && <li><a href='/invites' target='_blank'><FormattedMessage id='getting_started.invite' defaultMessage='Invite people' /></a> · </li>}
|
||||
|
@ -155,6 +156,7 @@ export default class GettingStarted extends ImmutablePureComponent {
|
|||
/>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</Column>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -2279,6 +2279,19 @@ a.account__display-name {
|
|||
.getting-started {
|
||||
color: $dark-text-color;
|
||||
|
||||
&__footer {
|
||||
flex: 0 0 auto;
|
||||
padding: 10px;
|
||||
padding-top: 20px;
|
||||
|
||||
ul {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
ul li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
p {
|
||||
color: $dark-text-color;
|
||||
font-size: 13px;
|
||||
|
@ -2300,19 +2313,6 @@ a.account__display-name {
|
|||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
&__footer {
|
||||
flex: 0 0 auto;
|
||||
padding: 10px;
|
||||
padding-top: 20px;
|
||||
|
||||
ul {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
ul li {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
&__trends {
|
||||
|
|
Reference in New Issue