moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

TabsBar: move search to left

This commit is contained in:
Alex Gleason 2021-09-12 19:08:41 -05:00
parent 9d0f235408
commit ca9ff1a0e6
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/soapbox/features/ui/components/tabs_bar.js
View File

@ -12,7 +12,6 @@ import { openModal } from '../../../actions/modal';
import { openSidebar } from '../../../actions/sidebar';
import ThemeToggle from '../../ui/components/theme_toggle_container';
import { getSoapboxConfig } from 'soapbox/actions/soapbox';
import { getFeatures } from 'soapbox/utils/features';
const messages = defineMessages({
post: { id: 'tabs_bar.post', defaultMessage: 'Post' },
@ -64,12 +63,13 @@ class TabsBar extends React.PureComponent {
<span><FormattedMessage id='tabs_bar.home' defaultMessage='Home' /></span>
</Link>
)}
</div>
<div className='tabs-bar__split tabs-bar__split--right'>
<div className='tabs-bar__search-container'>
<SearchContainer openInRoute />
</div>
{ account &&
</div>
<div className='tabs-bar__split tabs-bar__split--right'>
{account &&
<>
<ThemeToggle />
<div className='tabs-bar__profile'>

1
app/styles/components/tabs-bar.scss
View File

@ -47,6 +47,7 @@
&__search-container {
display: block;
width: 351px;
align-self: center;
@media screen and (max-width: 895px) {
display: none;