General fixes. Still far from good or working
This commit is contained in:
@@ -1,22 +1,22 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import type { ToasterProps } from "sonner";
|
||||
import { Toaster as Sonner, toast } from "sonner";
|
||||
import type { ToasterProps } from 'sonner';
|
||||
import { Toaster as Sonner, toast } from 'sonner';
|
||||
|
||||
import { useTheme } from "./theme";
|
||||
import { useTheme } from './theme';
|
||||
|
||||
export const Toaster = ({ ...props }: ToasterProps) => {
|
||||
const { themeMode } = useTheme();
|
||||
|
||||
return (
|
||||
<Sonner
|
||||
theme={themeMode === "auto" ? "system" : themeMode}
|
||||
theme={themeMode === 'auto' ? 'system' : themeMode}
|
||||
className="toaster group"
|
||||
style={
|
||||
{
|
||||
"--normal-bg": "var(--popover)",
|
||||
"--normal-text": "var(--popover-foreground)",
|
||||
"--normal-border": "var(--border)",
|
||||
'--normal-bg': 'var(--popover)',
|
||||
'--normal-text': 'var(--popover-foreground)',
|
||||
'--normal-border': 'var(--border)',
|
||||
} as React.CSSProperties
|
||||
}
|
||||
{...props}
|
||||
|
||||
Reference in New Issue
Block a user