POIIIIIIIIIII
This commit is contained in:
parent
cb22b5cce7
commit
709441aded
5 changed files with 42 additions and 35 deletions
|
@ -30,7 +30,7 @@ import StarActiveIcon from '@/material-icons/400-24px/star-fill.svg?react';
|
||||||
import StarIcon from '@/material-icons/400-24px/star.svg?react';
|
import StarIcon from '@/material-icons/400-24px/star.svg?react';
|
||||||
import { fetchFollowRequests } from 'mastodon/actions/accounts';
|
import { fetchFollowRequests } from 'mastodon/actions/accounts';
|
||||||
import { IconWithBadge } from 'mastodon/components/icon_with_badge';
|
import { IconWithBadge } from 'mastodon/components/icon_with_badge';
|
||||||
import { WordmarkLogo } from 'mastodon/components/logo';
|
import { IconLogo } from 'mastodon/components/logo';
|
||||||
import { NavigationPortal } from 'mastodon/components/navigation_portal';
|
import { NavigationPortal } from 'mastodon/components/navigation_portal';
|
||||||
import { identityContextPropShape, withIdentity } from 'mastodon/identity_context';
|
import { identityContextPropShape, withIdentity } from 'mastodon/identity_context';
|
||||||
import { timelinePreview, trendsEnabled } from 'mastodon/initial_state';
|
import { timelinePreview, trendsEnabled } from 'mastodon/initial_state';
|
||||||
|
@ -135,7 +135,7 @@ class NavigationPanel extends Component {
|
||||||
return (
|
return (
|
||||||
<div className='navigation-panel'>
|
<div className='navigation-panel'>
|
||||||
<div className='navigation-panel__logo'>
|
<div className='navigation-panel__logo'>
|
||||||
<Link to='/' className='column-link column-link--logo'><WordmarkLogo /></Link>
|
<Link to='/' className='column-link column-link--logo'><IconLogo /></Link>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{banner &&
|
{banner &&
|
||||||
|
|
|
@ -4614,7 +4614,10 @@ div[tabindex='-1']
|
||||||
position: fixed;
|
position: fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body:not(.layout-multiple-columns, :has(.ui .ui__header__links > .button[href='/auth/sign_in']))
|
.app-body:not(
|
||||||
|
.layout-multiple-columns,
|
||||||
|
:has(.ui .ui__header__links > .button[href='/auth/sign_in'])
|
||||||
|
)
|
||||||
.tabs-bar__wrapper {
|
.tabs-bar__wrapper {
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
}
|
}
|
||||||
|
@ -4941,16 +4944,17 @@ div[tabindex='-1']
|
||||||
border: 0;
|
border: 0;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background-image: var(--logo);
|
|
||||||
background-repeat: no-repeat;
|
// background-image: var(--logo);
|
||||||
background-position: center;
|
// background-repeat: no-repeat;
|
||||||
background-size: 32px auto;
|
// background-position: center;
|
||||||
|
// background-size: 32px auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body .column-link.column-link--logo svg,
|
// .app-body .column-link.column-link--logo img,
|
||||||
.app-body .ui__header__logo svg {
|
// .app-body .ui__header__logo img {
|
||||||
display: none;
|
// display: none;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.app-body .navigation-panel__logo {
|
.app-body .navigation-panel__logo {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
|
|
|
@ -4628,16 +4628,17 @@ button {
|
||||||
border: 0;
|
border: 0;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background-image: var(--logo);
|
|
||||||
background-repeat: no-repeat;
|
// background-image: var(--logo);
|
||||||
background-position: center;
|
// background-repeat: no-repeat;
|
||||||
background-size: 32px auto;
|
// background-position: center;
|
||||||
|
// background-size: 32px auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body .column-link.column-link--logo svg,
|
// .app-body .column-link.column-link--logo img,
|
||||||
.app-body .ui__header__logo svg {
|
// .app-body .ui__header__logo img {
|
||||||
display: none;
|
// display: none;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.app-body .navigation-panel__logo {
|
.app-body .navigation-panel__logo {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
|
|
|
@ -4628,16 +4628,17 @@ button {
|
||||||
border: 0;
|
border: 0;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background-image: var(--logo);
|
|
||||||
background-repeat: no-repeat;
|
// background-image: var(--logo);
|
||||||
background-position: center;
|
// background-repeat: no-repeat;
|
||||||
background-size: 32px auto;
|
// background-position: center;
|
||||||
|
// background-size: 32px auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body .column-link.column-link--logo svg,
|
// .app-body .column-link.column-link--logo img,
|
||||||
.app-body .ui__header__logo svg {
|
// .app-body .ui__header__logo img {
|
||||||
display: none;
|
// display: none;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.app-body .navigation-panel__logo {
|
.app-body .navigation-panel__logo {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
|
|
|
@ -4628,16 +4628,17 @@ button {
|
||||||
border: 0;
|
border: 0;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background-image: var(--logo);
|
|
||||||
background-repeat: no-repeat;
|
// background-image: var(--logo);
|
||||||
background-position: center;
|
// background-repeat: no-repeat;
|
||||||
background-size: 32px auto;
|
// background-position: center;
|
||||||
|
// background-size: 32px auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body .column-link.column-link--logo svg,
|
// .app-body .column-link.column-link--logo img,
|
||||||
.app-body .ui__header__logo svg {
|
// .app-body .ui__header__logo img {
|
||||||
display: none;
|
// display: none;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.app-body .navigation-panel__logo {
|
.app-body .navigation-panel__logo {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue