diff --git a/packages/frontend/index.html b/packages/frontend/index.html index 42329e6..a20e014 100644 --- a/packages/frontend/index.html +++ b/packages/frontend/index.html @@ -1,5 +1,5 @@ - + Repozytorium muzyczne diff --git a/packages/frontend/src/routes/Attachment.tsx b/packages/frontend/src/routes/Attachment.tsx index e8798d5..b3f87fa 100644 --- a/packages/frontend/src/routes/Attachment.tsx +++ b/packages/frontend/src/routes/Attachment.tsx @@ -60,7 +60,7 @@ export const Attachment = lazy(async () => { } - return
; + return
; }, }; }); diff --git a/packages/frontend/src/style.css b/packages/frontend/src/style.css index e1aaf8a..b5c61c9 100644 --- a/packages/frontend/src/style.css +++ b/packages/frontend/src/style.css @@ -1,17 +1,3 @@ @tailwind base; @tailwind components; @tailwind utilities; - -.sheet-music-display * { - color: black; - stroke: black; - fill: black; -} - -@media (prefers-color-scheme: dark) { - .sheet-music-display * { - color: white; - stroke: white; - fill: white; - } -} diff --git a/packages/frontend/src/styled/Button.tsx b/packages/frontend/src/styled/Button.tsx index e9afd38..b83fbe6 100644 --- a/packages/frontend/src/styled/Button.tsx +++ b/packages/frontend/src/styled/Button.tsx @@ -1,41 +1,17 @@ -import { ButtonHTMLAttributes, DetailedHTMLProps } from "react"; +import { ButtonHTMLAttributes, DetailedHTMLProps, forwardRef } from "react"; export namespace Button { export type Props = Omit, HTMLButtonElement>, "className">; } -export function Button({ children, ...props }: Button.Props) { +export const Button = forwardRef(function Button({ children, ...props }, ref) { return ( ); -} +}); diff --git a/packages/frontend/src/styled/Input.tsx b/packages/frontend/src/styled/Input.tsx index 98de3c2..7d6980f 100644 --- a/packages/frontend/src/styled/Input.tsx +++ b/packages/frontend/src/styled/Input.tsx @@ -4,23 +4,12 @@ export namespace Input { export type Props = Omit, HTMLInputElement>, "className">; } -export const Input = forwardRef(function Input({ children, ...props }: Input.Props, ref) { +export const Input = forwardRef(function Input({ children, ...props }, ref) { return ( {children}