mirror of
https://github.com/orangecoding/fredy.git
synced 2026-06-16 12:31:07 +00:00
fixing toasts not showing on certain pages / adding statement about ai 🤖
This commit is contained in:
@@ -6,10 +6,15 @@
|
||||
import { HashRouter } from 'react-router-dom';
|
||||
import { createRoot } from 'react-dom/client';
|
||||
import en_US from '@douyinfe/semi-ui-19/lib/es/locale/source/en_US';
|
||||
import { LocaleProvider } from '@douyinfe/semi-ui-19';
|
||||
import { LocaleProvider, semiGlobal } from '@douyinfe/semi-ui-19';
|
||||
import App from './App';
|
||||
import './Index.less';
|
||||
|
||||
// Semi UI uses react-dom (not react-dom/client) internally for imperative renders
|
||||
// like Toast, Notification, etc. In React 19, createRoot was removed from react-dom
|
||||
// and lives only in react-dom/client — inject it so Toast can create its own root.
|
||||
semiGlobal.config.createRoot = createRoot;
|
||||
|
||||
const container = document.getElementById('fredy');
|
||||
const root = createRoot(container);
|
||||
|
||||
|
||||
@@ -88,6 +88,13 @@ button:focus-visible,
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
// Semi Toast dark theme overrides
|
||||
.semi-toast-content {
|
||||
background-color: @color-elevated !important;
|
||||
border: 1px solid @color-border-bright !important;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
|
||||
}
|
||||
|
||||
// Semi Modal dark theme overrides
|
||||
.semi-modal-content {
|
||||
background: #161616 !important;
|
||||
|
||||
Reference in New Issue
Block a user