Compare commits

...
Author SHA1 Message Date
Tanish Manku f026d763fe Make color picker and paint menu use hex alpha picker 2025-02-25 18:11:35 -08:00
2 changed files with 7 additions and 7 deletions
@@ -1,5 +1,3 @@
import { ChangeEvent, useState, useEffect } from "react";
import { twMerge } from "tailwind-merge";
import {
faFont,
faHashtag,
@@ -7,11 +5,13 @@ import {
} from "@fortawesome/pro-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Popover, PopoverButton, PopoverPanel } from "@headlessui/react";
import { HexColorPicker } from "react-colorful";
import { ChangeEvent, useEffect, useState } from "react";
import { HexAlphaColorPicker } from "react-colorful";
import { twMerge } from "tailwind-merge";
import { paperWrapperStyles } from "~/components/styles";
import { Button } from "../Button";
import { Input } from "../Input";
import { paperWrapperStyles } from "~/components/styles";
export const ColorPicker = ({
color: prevColor,
@@ -119,7 +119,7 @@ export const ColorPicker = ({
}
static
>
<HexColorPicker
<HexAlphaColorPicker
className="overflow-hidden"
color={currColor}
onChange={(color) => {
@@ -6,7 +6,7 @@ import {
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Popover, PopoverButton, PopoverPanel } from "@headlessui/react";
import { ChangeEvent, useEffect, useState } from "react";
import { HexColorPicker } from "react-colorful";
import { HexAlphaColorPicker } from "react-colorful";
import { twMerge } from "tailwind-merge";
import { useSignals } from "@preact/signals-react/runtime";
@@ -126,7 +126,7 @@ export const PaintModeMenu = ({
}
static
>
<HexColorPicker
<HexAlphaColorPicker
className="overflow-hidden"
color={currColor}
onChange={(color) => {