Change logo version in header based on screen size in web UI (#24707)
parent
2b0f1f365a
commit
6028d047b9
3 changed files with 29 additions and 8 deletions
@ -1,10 +1,15 @@ |
|||||||
import React from 'react'; |
import React from 'react'; |
||||||
|
import logo from 'mastodon/../images/logo.svg'; |
||||||
|
|
||||||
const Logo = () => ( |
export const WordmarkLogo = () => ( |
||||||
<svg viewBox='0 0 261 66' className='logo' role='img'> |
<svg viewBox='0 0 261 66' className='logo logo--wordmark' role='img'> |
||||||
<title>Mastodon</title> |
<title>Mastodon</title> |
||||||
<use xlinkHref='#logo-symbol-wordmark' /> |
<use xlinkHref='#logo-symbol-wordmark' /> |
||||||
</svg> |
</svg> |
||||||
); |
); |
||||||
|
|
||||||
export default Logo; |
export const SymbolLogo = () => ( |
||||||
|
<img src={logo} alt='Mastodon' className='logo logo--icon' /> |
||||||
|
); |
||||||
|
|
||||||
|
export default WordmarkLogo; |
||||||
|
Loading…
Reference in new issue