Tweak config

Author: Zwyx

.vscode/settings.json

@@ -25,6 +25,8 @@
 		"libraryofbabel",
 		"magick",
 		"mxschmitt",
+		"overscroll",
+		"Popover",
 		"Snelling"
 	]
 }

package-lock.json

@@ -61,23 +61,23 @@ const toBase = (value: bigint, base: bigint, alphabet: string): string => {
 		divisors.push(divisors[divisors.length - 1] ** 2n);
 	}
 
-	const devide = (dividend: bigint, divisorIndex: number) => {
+	const divide = (dividend: bigint, divisorIndex: number) => {
 		const divisor = divisors[divisorIndex];
 
 		const remainder = dividend % divisor;
 		const newDividend = dividend / divisor;
 
 		if (divisorIndex > 0) {
-			devide(remainder, divisorIndex - 1);
-			devide(newDividend, divisorIndex - 1);
+			divide(remainder, divisorIndex - 1);
+			divide(newDividend, divisorIndex - 1);
 		} else {
 			result = `${alphabet[Number(newDividend)]}${
 				alphabet[Number(remainder)]
 			}${result}`;
 		}
 	};
 
-	devide(value, divisors.length - 1);
+	divide(value, divisors.length - 1);
 
 	result = result.replace(new RegExp(`^${alphabet[0]}*`), "");
 

src/lib/bigint-base-conversions.ts

@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import ReactDOM from "react-dom/client";
+import { createRoot } from "react-dom/client";
 import {
 	Navigate,
 	RouterProvider,
@@ -91,7 +91,7 @@ const router = createBrowserRouter([
 ]);
 
 // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-ReactDOM.createRoot(document.getElementById("root")!).render(
+createRoot(document.getElementById("root")!).render(
 	<React.StrictMode>
 		<PwaContextProvider>
 			<ThemeContextProvider>

src/main.tsx

@@ -5,20 +5,23 @@ export default {
 	content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
 	darkMode: "class",
 	theme: {
-		container: {
-			center: true,
-			padding: "2rem",
-			screens: {
-				"2xl": "1400px",
-			},
-		},
 		extend: {
+			borderRadius: {
+				lg: "var(--radius)",
+				md: "calc(var(--radius) - 2px)",
+				sm: "calc(var(--radius) - 4px)",
+			},
 			colors: {
-				border: "hsl(var(--border))",
-				input: "hsl(var(--input))",
-				ring: "hsl(var(--ring))",
 				background: "hsl(var(--background))",
 				foreground: "hsl(var(--foreground))",
+				card: {
+					DEFAULT: "hsl(var(--card))",
+					foreground: "hsl(var(--card-foreground))",
+				},
+				popover: {
+					DEFAULT: "hsl(var(--popover))",
+					foreground: "hsl(var(--popover-foreground))",
+				},
 				primary: {
 					DEFAULT: "hsl(var(--primary))",
 					foreground: "hsl(var(--primary-foreground))",
@@ -27,6 +30,15 @@ export default {
 					DEFAULT: "hsl(var(--secondary))",
 					foreground: "hsl(var(--secondary-foreground))",
 				},
+				muted: {
+					DEFAULT: "hsl(var(--muted))",
+					foreground: "hsl(var(--muted-foreground))",
+					text: "hsl(var(--muted-text))",
+				},
+				accent: {
+					DEFAULT: "hsl(var(--accent))",
+					foreground: "hsl(var(--accent-foreground))",
+				},
 				info: {
 					DEFAULT: "hsl(var(--info))",
 					dim: "hsl(var(--info-dim))",
@@ -43,42 +55,9 @@ export default {
 					DEFAULT: "hsl(var(--destructive))",
 					foreground: "hsl(var(--destructive-foreground))",
 				},
-				muted: {
-					DEFAULT: "hsl(var(--muted))",
-					foreground: "hsl(var(--muted-foreground))",
-					text: "hsl(var(--muted-text))",
-				},
-				accent: {
-					DEFAULT: "hsl(var(--accent))",
-					foreground: "hsl(var(--accent-foreground))",
-				},
-				popover: {
-					DEFAULT: "hsl(var(--popover))",
-					foreground: "hsl(var(--popover-foreground))",
-				},
-				card: {
-					DEFAULT: "hsl(var(--card))",
-					foreground: "hsl(var(--card-foreground))",
-				},
-			},
-			borderRadius: {
-				lg: "var(--radius)",
-				md: "calc(var(--radius) - 2px)",
-				sm: "calc(var(--radius) - 4px)",
-			},
-			keyframes: {
-				"accordion-down": {
-					from: { height: 0 },
-					to: { height: "var(--radix-accordion-content-height)" },
-				},
-				"accordion-up": {
-					from: { height: "var(--radix-accordion-content-height)" },
-					to: { height: 0 },
-				},
-			},
-			animation: {
-				"accordion-down": "accordion-down 0.2s ease-out",
-				"accordion-up": "accordion-up 0.2s ease-out",
+				border: "hsl(var(--border))",
+				input: "hsl(var(--input))",
+				ring: "hsl(var(--ring))",
 			},
 		},
 	},