Unfloyded/misskey-tools
0
0
Fork 0
Code Activity

fix(frontend): use Fluent Emoji instead of Twemoji (broken)

Browse source
This commit is contained in:
무라쿠모 2024-05-03 10:00:51 +09:00
parent fa2ba78022
commit 320820a46a
No known key found for this signature in database
GPG key ID: 139D6573F92DA9F7
6 changed files with 6371 additions and 8743 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/frontend/pages/index.welcome.tsx
View file

@ -6,7 +6,7 @@ import { LoginForm } from '../components/LoginForm';
import styled from 'styled-components';
import { useSelector } from '../store';
import { IsMobileProp } from '../misc/is-mobile-prop';
import Twemoji from 'react-twemoji';
import { IconMThumbsUp, IconMHeartSuit, IconMGrinningFaceWithSmilingEyes, IconMPartyPopper, IconMCustard } from 'react-fluentui-emoji/lib/modern';
import { useAnnouncements } from '../hooks/useAnnouncements';
const Hero = styled.div<IsMobileProp>`
@ -34,9 +34,7 @@ const Hero = styled.div<IsMobileProp>`
padding: var(--margin);
border-radius: var(--radius);
background: var(--black-50);
backdrop-filter: blur(4px) brightness(120%);
z-index: 1000;
@media screen and (max-width: 800px) {
backdrop-filter: blur(4px) brightness(120%);IconMCustard
display: none;
}
}
@ -100,11 +98,9 @@ export const IndexWelcomePage: React.VFC = () => {
<div className="rect"></div>
</div>
</Hero>
<Twemoji options={{className: 'twemoji'}}>
<div className="py-4 text-125 text-center">
👍&emsp;❤&emsp;😆&emsp;🎉&emsp;🍮
</div>
</Twemoji>
<div className="py-4 text-125 text-center">
<IconMThumbsUp/>&emsp;<IconMHeartSuit/>&emsp;<IconMGrinningFaceWithSmilingEyes/>&emsp;<IconMPartyPopper/>&emsp;<IconMCustard/>
</div>
<article className="xarticle vstack pa-2">
<header>
<h2>{t('_welcome.title')}</h2>