diff options
Diffstat (limited to 'packages/taler-wallet-webextension/src/mui')
4 files changed, 9 insertions, 10 deletions
diff --git a/packages/taler-wallet-webextension/src/mui/Alert.tsx b/packages/taler-wallet-webextension/src/mui/Alert.tsx index d44472ca5..22ea0b8ab 100644 --- a/packages/taler-wallet-webextension/src/mui/Alert.tsx +++ b/packages/taler-wallet-webextension/src/mui/Alert.tsx @@ -17,11 +17,11 @@ import { TranslatedString } from "@gnu-taler/taler-util"; import { css } from "@linaria/core"; import { ComponentChildren, h, VNode } from "preact"; // eslint-disable-next-line import/extensions -import CloseIcon from "../svg/close_24px.svg"; -import ErrorOutlineIcon from "../svg/error_outline_outlined_24px.svg"; -import InfoOutlinedIcon from "../svg/info_outlined_24px.svg"; -import ReportProblemOutlinedIcon from "../svg/report_problem_outlined_24px.svg"; -import SuccessOutlinedIcon from "../svg/success_outlined_24px.svg"; +import CloseIcon from "../svg/close_24px.inline.svg"; +import ErrorOutlineIcon from "../svg/error_outline_outlined_24px.inline.svg"; +import InfoOutlinedIcon from "../svg/info_outlined_24px.inline.svg"; +import ReportProblemOutlinedIcon from "../svg/report_problem_outlined_24px.inline.svg"; +import SuccessOutlinedIcon from "../svg/success_outlined_24px.inline.svg"; import { IconButton } from "./Button.js"; import { darken, lighten } from "./colors/manipulation.js"; import { Paper } from "./Paper.js"; diff --git a/packages/taler-wallet-webextension/src/mui/Button.stories.tsx b/packages/taler-wallet-webextension/src/mui/Button.stories.tsx index 65af81849..5506caa42 100644 --- a/packages/taler-wallet-webextension/src/mui/Button.stories.tsx +++ b/packages/taler-wallet-webextension/src/mui/Button.stories.tsx @@ -21,8 +21,8 @@ import { Button } from "./Button.js"; import { Fragment, h, VNode } from "preact"; -import DeleteIcon from "../svg/delete_24px.svg"; -import SendIcon from "../svg/send_24px.svg"; +import DeleteIcon from "../svg/delete_24px.inline.svg"; +import SendIcon from "../svg/send_24px.inline.svg"; import { styled } from "@linaria/react"; export default { diff --git a/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx b/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx index f5b70f07c..f7b5040e4 100644 --- a/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx +++ b/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx @@ -15,7 +15,6 @@ */ import { css } from "@linaria/core"; import { h, VNode } from "preact"; -// eslint-disable-next-line import/extensions import { Colors, theme } from "../style.js"; import { useFormControl } from "./FormControl.js"; import { InputBase, InputBaseComponent, InputBaseRoot } from "./InputBase.js"; diff --git a/packages/taler-wallet-webextension/src/mui/style.tsx b/packages/taler-wallet-webextension/src/mui/style.tsx index 3fcf3ac1e..99adf2a76 100644 --- a/packages/taler-wallet-webextension/src/mui/style.tsx +++ b/packages/taler-wallet-webextension/src/mui/style.tsx @@ -56,8 +56,6 @@ export interface Spacing { (top: number, right: number, bottom: number, left: number): string; } -export const theme = createTheme(); - const zIndex = { mobileStepper: 1000, speedDial: 1050, @@ -68,6 +66,8 @@ const zIndex = { tooltip: 1500, }; +export const theme = createTheme(); + export const ripple = css` background-position: center; |