less padding for list view

2024-08-26 16:11:02 -04:00
parent fae9e95fa9
commit f368c2aa81
5 changed files with 19 additions and 32 deletions
@@ -1,12 +1,14 @@
 import useLocalSettingsStore from "@/store/localSettings";
 import { useEffect, useState, ChangeEvent } from "react";
 import { useTranslation } from "next-i18next";
+import clsx from "clsx";

 type Props = {
  className?: string;
+  align?: "left" | "right";
 };

-export default function ToggleDarkMode({ className }: Props) {
+export default function ToggleDarkMode({ className, align }: Props) {
  const { t } = useTranslation();
  const { settings, updateSettings } = useLocalSettingsStore();

@@ -26,7 +28,7 @@ export default function ToggleDarkMode({ className }: Props) {

  return (
    <div
-      className="tooltip tooltip-bottom"
+      className={clsx("tooltip", align ? `tooltip-${align}` : "tooltip-bottom")}
      data-tip={t("switch_to", {
        theme: settings.theme === "light" ? "Dark" : "Light",
      })}