mirror
/
soapbox
kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
1
0
Forkuj 1
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

TabsBar: fix unauthenticated buttons on mobile

merge-requests/818/head
Alex Gleason 2021-10-23 14:29:26 -05:00
rodzic 6d7ce6ffd4
commit 47c68014d0
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
2 zmienionych plików z 21 dodań i 8 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

2
app/soapbox/features/ui/components/tabs_bar.js
Wyświetl plik

@ -143,7 +143,7 @@ class TabsBar extends React.PureComponent {
</button> </button>
</> </>
) : ( ) : (
<div className='flex'> <div className='tabs-bar__unauthenticated'>
<Link className='tabs-bar__button button' to='/auth/sign_in'> <Link className='tabs-bar__button button' to='/auth/sign_in'>
<FormattedMessage id='account.login' defaultMessage='Log In' /> <FormattedMessage id='account.login' defaultMessage='Log In' />
</Link> </Link>

17
app/styles/components/tabs-bar.scss
Wyświetl plik

@ -44,15 +44,28 @@
&--right { &--right {
margin-left: auto; margin-left: auto;
align-items: center; align-items: center;
}
}
// Move Profile menu to the left on mobile
@media screen and (max-width: 450px) { @media screen and (max-width: 450px) {
// Move Profile menu to the left on mobile
&__split--right {
margin: 0; margin: 0;
order: -1; order: -1;
width: 100%;
}
.tabs-bar__profile { &__profile {
margin-left: 0; margin-left: 0;
} }
&__unauthenticated {
display: flex;
justify-content: space-between;
width: 100%;
.tabs-bar__button {
margin: 0;
} }
} }
} }