mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-29 18:13:47 +00:00
feat: add Twemoji for cross-platform emoji rendering
Wrap the app in react-twemoji to replace native Unicode emoji with Twemoji SVGs from CDN. Fixes ugly/broken emoji on Windows.
This commit is contained in:
@@ -6,6 +6,7 @@ import {
|
||||
onBackButtonClick,
|
||||
offBackButtonClick,
|
||||
} from '@telegram-apps/sdk-react';
|
||||
import Twemoji from 'react-twemoji';
|
||||
import App from './App';
|
||||
import { ErrorBoundary } from './components/ErrorBoundary';
|
||||
import { PlatformProvider } from './platform/PlatformProvider';
|
||||
@@ -73,7 +74,9 @@ export function AppWithNavigator() {
|
||||
<TooltipProvider>
|
||||
<ToastProvider>
|
||||
<WebSocketProvider>
|
||||
<App />
|
||||
<Twemoji options={{ className: 'twemoji', folder: 'svg', ext: '.svg' }}>
|
||||
<App />
|
||||
</Twemoji>
|
||||
</WebSocketProvider>
|
||||
</ToastProvider>
|
||||
</TooltipProvider>
|
||||
|
||||
@@ -270,6 +270,14 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* Twemoji — cross-platform emoji rendering */
|
||||
img.twemoji {
|
||||
display: inline-block;
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
vertical-align: -0.2em;
|
||||
}
|
||||
|
||||
@layer components {
|
||||
/* ========== BENTO DESIGN SYSTEM ========== */
|
||||
|
||||
|
||||
Reference in New Issue
Block a user