[bugfix] Make the logo icon / wordmark on mobile/simple UI appear (#4)

At least for the logo-symbol-wordmark.svg, this appears to usually be added
by some ruby code in application.html.haml, but since we have a static index.html
this never gets inserted into the HTML. Rather than embedding it into the HTML,
just make the two logos pull from files in public/.

This does not update the branding of the files, just makes them appear.

Reviewed-on: https://codeberg.org/superseriousbusiness/masto-fe-standalone/pulls/4
Co-authored-by: julia <midnight@trainwit.ch>
Co-committed-by: julia <midnight@trainwit.ch>
This commit is contained in:
julia
2024-12-27 11:55:03 +00:00
committed by tobi
parent 4df14235c6
commit 3481816b99
4 changed files with 4 additions and 8 deletions

View File

@@ -1,12 +1,10 @@
import logo from 'mastodon/../images/logo.svg';
export const WordmarkLogo: React.FC = () => (
<svg viewBox='0 0 261 66' className='logo logo--wordmark' role='img'>
<title>Mastodon</title>
<use xlinkHref='#logo-symbol-wordmark' />
<use xlinkHref='/logo-symbol-wordmark.svg#logo-symbol-wordmark' />
</svg>
);
export const SymbolLogo: React.FC = () => (
<img src={logo} alt='Mastodon' className='logo logo--icon' />
<img src='/logo-icon.svg' alt='Mastodon' className='logo logo--icon' />
);