ob/tsos
1
0
Fork 0
mirror of https://github.com/hex248/tsos.git synced 2026-02-08 02:33:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

minor sidebar + buttons adjustments

Browse Source
This commit is contained in:
Oliver Bryan
2026-01-07 23:43:05 +00:00
parent bce2623727
commit 77a9b32841
3 changed files with 31 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/theme-toggle.tsx
View File

@@ -1,8 +1,9 @@
import { Moon, Sun } from "lucide-react";
import { useEffect, useState } from "react";
import { Button } from "@/components/ui/button";
import { cn } from "@/lib/utils";
function ThemeToggle() {
function ThemeToggle({ className }: { className?: string }) {
const [theme, setTheme] = useState<string | null>();
useEffect(() => {
@@ -22,9 +23,9 @@ function ThemeToggle() {
return (
<Button
type="button"
variant="dummy"
size="none"
className="rounded cursor-pointer"
variant="ghost"
size="icon"
className={cn("", className)}
onClick={() => {
if (!theme || theme === "light") updateTheme("dark");
else updateTheme("light");

2
src/components/ui/button.tsx
View File

@@ -5,7 +5,7 @@ import { cva, type VariantProps } from "class-variance-authority";
import { cn } from "@/lib/utils";
const buttonVariants = cva(
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
"cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
{
variants: {
variant: {