Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-14 17:26:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Multiline tooltip again

Browse Source
This commit is contained in:
Tagaishi
2023-07-27 02:56:12 +02:00
parent c56edfdc65
commit a79e110aa3
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx
View File

@@ -136,7 +136,7 @@ const WidgetOptionTypeSwitch: FC<{
handleChange: (key: string, value: IntegrationOptionsValueType) => void; handleChange: (key: string, value: IntegrationOptionsValueType) => void;
}> = ({ option, widgetId, propName: key, value, handleChange }) => { }> = ({ option, widgetId, propName: key, value, handleChange }) => {
const { t } = useTranslation([`modules/${widgetId}`, 'common']); const { t } = useTranslation([`modules/${widgetId}`, 'common']);
const { fn, colorScheme } = useMantineTheme(); const { colorScheme } = useMantineTheme();
switch (option.type) { switch (option.type) {
case 'switch': case 'switch':
@@ -155,7 +155,7 @@ const WidgetOptionTypeSwitch: FC<{
position="right-start" position="right-start"
c={ colorScheme === 'light' ? "black" : "dark.0" } c={ colorScheme === 'light' ? "black" : "dark.0" }
color={ colorScheme === 'light' ? "dark.0" : "dark.6" } color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
width={300} styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
multiline multiline
> >
<IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} /> <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -175,7 +175,7 @@ const WidgetOptionTypeSwitch: FC<{
position="right-start" position="right-start"
c={ colorScheme === 'light' ? "black" : "dark.0" } c={ colorScheme === 'light' ? "black" : "dark.0" }
color={ colorScheme === 'light' ? "dark.0" : "dark.6" } color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
width={300} styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
multiline multiline
> >
<IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} /> <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -201,7 +201,7 @@ const WidgetOptionTypeSwitch: FC<{
position="right-start" position="right-start"
c={ colorScheme === 'light' ? "black" : "dark.0" } c={ colorScheme === 'light' ? "black" : "dark.0" }
color={ colorScheme === 'light' ? "dark.0" : "dark.6" } color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
width={300} styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
multiline multiline
> >
<IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} /> <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -229,7 +229,7 @@ const WidgetOptionTypeSwitch: FC<{
position="right-start" position="right-start"
c={ colorScheme === 'light' ? "black" : "dark.0" } c={ colorScheme === 'light' ? "black" : "dark.0" }
color={ colorScheme === 'light' ? "dark.0" : "dark.6" } color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
width={300} styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
multiline multiline
> >
<IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} /> <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -257,7 +257,7 @@ const WidgetOptionTypeSwitch: FC<{
position="right-start" position="right-start"
c={ colorScheme === 'light' ? "black" : "dark.0" } c={ colorScheme === 'light' ? "black" : "dark.0" }
color={ colorScheme === 'light' ? "dark.0" : "dark.6" } color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
width={300} styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
multiline multiline
> >
<IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} /> <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -283,7 +283,7 @@ const WidgetOptionTypeSwitch: FC<{
position="right-start" position="right-start"
c={ colorScheme === 'light' ? "black" : "dark.0" } c={ colorScheme === 'light' ? "black" : "dark.0" }
color={ colorScheme === 'light' ? "dark.0" : "dark.6" } color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
width={300} styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
multiline multiline
> >
<IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} /> <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -345,7 +345,7 @@ const WidgetOptionTypeSwitch: FC<{
position="right-start" position="right-start"
c={ colorScheme === 'light' ? "black" : "dark.0" } c={ colorScheme === 'light' ? "black" : "dark.0" }
color={ colorScheme === 'light' ? "dark.0" : "dark.6" } color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
width={300} styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
multiline multiline
> >
<IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} /> <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -386,7 +386,7 @@ const WidgetOptionTypeSwitch: FC<{
position="right-start" position="right-start"
c={ colorScheme === 'light' ? "black" : "dark.0" } c={ colorScheme === 'light' ? "black" : "dark.0" }
color={ colorScheme === 'light' ? "dark.0" : "dark.6" } color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
width={300} styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
multiline multiline
> >
<IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} /> <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -423,7 +423,7 @@ const WidgetOptionTypeSwitch: FC<{
position="right-start" position="right-start"
c={ colorScheme === 'light' ? "black" : "dark.0" } c={ colorScheme === 'light' ? "black" : "dark.0" }
color={ colorScheme === 'light' ? "dark.0" : "dark.6" } color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
width={300} styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
multiline multiline
> >
<IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} /> <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />