mirror of
https://github.com/GiriNeko/YesPlayMusic.git
synced 2025-12-17 05:38:04 +00:00
feat: updates
This commit is contained in:
parent
a1b0bcf4d3
commit
884f3df41a
198 changed files with 4572 additions and 5336 deletions
37
packages/web/components/Toaster.tsx
Normal file
37
packages/web/components/Toaster.tsx
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
import { css, cx } from '@emotion/css'
|
||||
import { Toaster as ReactHotToaster } from 'react-hot-toast'
|
||||
|
||||
const Toaster = () => {
|
||||
return (
|
||||
<ReactHotToaster
|
||||
position='top-center'
|
||||
containerStyle={{ top: '80px' }}
|
||||
toastOptions={{
|
||||
className: cx(
|
||||
css`
|
||||
border-radius: 99999px !important;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1) !important;
|
||||
color: #000 !important;
|
||||
box-shadow: none !important;
|
||||
line-height: unset !important;
|
||||
user-select: none !important;
|
||||
font-size: 12px !important;
|
||||
padding: 10px 16px !important;
|
||||
font-weight: 500 !important;
|
||||
& div[role='status'] {
|
||||
margin: 0 8px !important;
|
||||
}
|
||||
`
|
||||
),
|
||||
success: {
|
||||
iconTheme: {
|
||||
primary: 'green',
|
||||
secondary: '#fff',
|
||||
},
|
||||
},
|
||||
}}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export default Toaster
|
||||
Loading…
Add table
Add a link
Reference in a new issue