diff --git a/app/javascript/mastodon/features/ui/components/columns_area.jsx b/app/javascript/mastodon/features/ui/components/columns_area.jsx
index 5b76b2a69..dfb6a6127 100644
--- a/app/javascript/mastodon/features/ui/components/columns_area.jsx
+++ b/app/javascript/mastodon/features/ui/components/columns_area.jsx
@@ -34,6 +34,8 @@ import { Link } from 'react-router-dom';
import { Icon } from 'mastodon/components/icon';
import TabsBar from './tabs_bar';
+import { ReactComponent as EditIcon } from '@material-symbols/svg-600/outlined/edit.svg';
+
const componentMap = {
'COMPOSE': Compose,
'HOME': HomeTimeline,
@@ -164,12 +166,12 @@ export default class ColumnsArea extends ImmutablePureComponent {
- {location.pathname !== '/publish' && }
+ {location.pathname !== '/publish' && }
@@ -178,7 +180,6 @@ export default class ColumnsArea extends ImmutablePureComponent {
-
);
} else {
diff --git a/app/javascript/mastodon/features/ui/components/tabs_bar.jsx b/app/javascript/mastodon/features/ui/components/tabs_bar.jsx
index 2e675d7d4..9b764e465 100644
--- a/app/javascript/mastodon/features/ui/components/tabs_bar.jsx
+++ b/app/javascript/mastodon/features/ui/components/tabs_bar.jsx
@@ -4,6 +4,10 @@ import { defineMessages, injectIntl } from 'react-intl';
import ColumnLink from './column_link';
import NotificationsCounterIcon from './notifications_counter_icon';
+import { ReactComponent as HomeIcon } from '@material-symbols/svg-600/outlined/home-fill.svg';
+import { ReactComponent as MoreHorizIcon } from '@material-symbols/svg-600/outlined/more_horiz.svg';
+import { ReactComponent as PublicIcon } from '@material-symbols/svg-600/outlined/public.svg';
+import { ReactComponent as SearchIcon } from '@material-symbols/svg-600/outlined/search.svg';
const messages = defineMessages({
home: { id: 'tabs_bar.home', defaultMessage: 'Home' },
@@ -41,11 +45,11 @@ class TabsBar extends Component {
return (
-
+
} text={intl.formatMessage(messages.notifications)} />
-
-
-
+
+
+
);
}
diff --git a/app/javascript/styles/plugin.scss b/app/javascript/styles/plugin.scss
index 6a43d3289..1476fe884 100644
--- a/app/javascript/styles/plugin.scss
+++ b/app/javascript/styles/plugin.scss
@@ -18,6 +18,10 @@
display: none;
}
+.column-link--transparent{
+ justify-content: center;
+}
+
@media screen and (max-width: 630px) {
.tab-ber-bottom .timeline{
width:100%;