{options.map((option, index) => (
+ // eslint-disable-next-line tailwindcss/enforces-shorthand
+
);
}
diff --git a/src/components/Settings/Settings.tsx b/src/components/Settings/Settings.tsx
index 0f0f1393..caa51f98 100644
--- a/src/components/Settings/Settings.tsx
+++ b/src/components/Settings/Settings.tsx
@@ -1,4 +1,6 @@
+/* eslint-disable tailwindcss/enforces-shorthand */
import type { AllButtonNames, Nullable, Path, configuration, configurationKeys } from "@/src/types";
+import type { ClassValue } from "clsx";
import type EnUS from "public/locales/en-US.json";
import type { ChangeEvent, ChangeEventHandler } from "react";
@@ -228,44 +230,45 @@ export default function Settings() {
value: "shiftKey"
}
];
+ const colorDotClassName: ClassValue = "m-2 w-3 h-3 rounded-[50%] border-DEFAULT border-solid border-black";
const colorOptions: SelectOption<"osd_display_color">[] = [
{
- element:
,
+ element:
,
label: t("settings.sections.onScreenDisplaySettings.color.options.red"),
value: "red"
},
{
- element:
,
+ element:
,
label: t("settings.sections.onScreenDisplaySettings.color.options.green"),
value: "green"
},
{
- element:
,
+ element:
,
label: t("settings.sections.onScreenDisplaySettings.color.options.blue"),
value: "blue"
},
{
- element:
,
+ element:
,
label: t("settings.sections.onScreenDisplaySettings.color.options.yellow"),
value: "yellow"
},
{
- element:
,
+ element:
,
label: t("settings.sections.onScreenDisplaySettings.color.options.orange"),
value: "orange"
},
{
- element:
,
+ element:
,
label: t("settings.sections.onScreenDisplaySettings.color.options.purple"),
value: "purple"
},
{
- element:
,
+ element:
,
label: t("settings.sections.onScreenDisplaySettings.color.options.pink"),
value: "pink"
},
{
- element:
,
+ element:
,
label: t("settings.sections.onScreenDisplaySettings.color.options.white"),
value: "white"
}
@@ -489,9 +492,9 @@ export default function Settings() {
// TODO: add "default player mode" setting (theater, fullscreen, etc.) feature
return (
-
+
-
+
YouTube Enhancer
v{chrome.runtime.getManifest().version}
diff --git a/src/components/Settings/components/SettingNotifications.tsx b/src/components/Settings/components/SettingNotifications.tsx
index 4ce5bef5..a7cb2bb0 100644
--- a/src/components/Settings/components/SettingNotifications.tsx
+++ b/src/components/Settings/components/SettingNotifications.tsx
@@ -8,7 +8,7 @@ import { useSettings } from "../Settings";
function NotificationCloseButton({ notification }: { notification: Notification }) {
const { removeNotification } = useNotifications();
return (
-