chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

select label styling

Browse Source
This commit is contained in:
Chuck Dries 2022-11-18 08:07:07 -08:00
parent ab7e96bb55
commit 2d04bccc49
No known key found for this signature in database
GPG Key ID: A00B7AEAE1DC5BE6
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Select.tsx
View File

@ -6,7 +6,7 @@ import {
HiddenSelect, HiddenSelect,
useButton, useButton,
mergeProps, mergeProps,
useFocusRing useFocusRing,
} from "react-aria"; } from "react-aria";
// import { SelectorIcon } from "@heroicons/react/solid"; // import { SelectorIcon } from "@heroicons/react/solid";
import ChevronDown from "@spectrum-icons/workflow/ChevronDown"; import ChevronDown from "@spectrum-icons/workflow/ChevronDown";
@ -56,6 +56,7 @@ export function Select<T extends object>(props: AriaSelectProps<T>) {
> >
<span <span
{...valueProps} {...valueProps}
className="text-sm"
// className={`text-md flex-auto ${ // className={`text-md flex-auto ${
// state.selectedItem ? "text-gray-800" : "text-gray-500" // state.selectedItem ? "text-gray-800" : "text-gray-500"
// }`} // }`}
@ -65,9 +66,9 @@ export function Select<T extends object>(props: AriaSelectProps<T>) {
: "Select an option"} : "Select an option"}
</span> </span>
<ChevronDown <ChevronDown
UNSAFE_className="mx-1" UNSAFE_className="mx-1"
UNSAFE_style={{ UNSAFE_style={{
width: '15px' width: "15px",
}} }}
// UNSAFE_className={`w-[20px] h-5 ${ // UNSAFE_className={`w-[20px] h-5 ${
// isFocusVisible ? "text-pink-500" : "text-gray-500" // isFocusVisible ? "text-pink-500" : "text-gray-500"