From 8188b5085e9280d382fc986b935b76863e0045cf Mon Sep 17 00:00:00 2001 From: wil Date: Mon, 25 Mar 2024 13:36:12 -0400 Subject: [PATCH 1/2] styling panel --- app/components/H4.tsx | 19 +++++++ app/components/ItemPicker.tsx | 17 ++++++ app/components/Textarea.tsx | 17 ++++++ app/components/index.tsx | 7 ++- app/modules/SidePanel/SidePanel.tsx | 30 +++------- app/pages/PageEnigma/PageEnigma.tsx | 9 ++- .../comps/SidePanelTabs/TabStyling.tsx | 53 ++++++++++++++++++ .../PageEnigma/comps/SidePanelTabs/index.tsx | 28 +++++++++ public/resources/avatars/0.webp | Bin 0 -> 75364 bytes public/resources/avatars/1.webp | Bin 0 -> 72420 bytes public/resources/avatars/10.webp | Bin 0 -> 69366 bytes public/resources/avatars/11.webp | Bin 0 -> 71656 bytes public/resources/avatars/12.webp | Bin 0 -> 78702 bytes public/resources/avatars/13.webp | Bin 0 -> 75914 bytes public/resources/avatars/14.webp | Bin 0 -> 72844 bytes public/resources/avatars/15.webp | Bin 0 -> 75094 bytes public/resources/avatars/16.webp | Bin 0 -> 68960 bytes public/resources/avatars/17.webp | Bin 0 -> 72890 bytes public/resources/avatars/18.webp | Bin 0 -> 70348 bytes public/resources/avatars/19.webp | Bin 0 -> 70496 bytes public/resources/avatars/2.webp | Bin 0 -> 74462 bytes public/resources/avatars/20.webp | Bin 0 -> 76262 bytes public/resources/avatars/21.webp | Bin 0 -> 73002 bytes public/resources/avatars/22.webp | Bin 0 -> 77762 bytes public/resources/avatars/23.webp | Bin 0 -> 77922 bytes public/resources/avatars/24.webp | Bin 0 -> 83286 bytes public/resources/avatars/3.webp | Bin 0 -> 61554 bytes public/resources/avatars/4.webp | Bin 0 -> 65758 bytes public/resources/avatars/5.webp | Bin 0 -> 68836 bytes public/resources/avatars/6.webp | Bin 0 -> 78026 bytes public/resources/avatars/7.webp | Bin 0 -> 70572 bytes public/resources/avatars/8.webp | Bin 0 -> 78934 bytes public/resources/avatars/9.webp | Bin 0 -> 65826 bytes 33 files changed, 155 insertions(+), 25 deletions(-) create mode 100644 app/components/H4.tsx create mode 100644 app/components/ItemPicker.tsx create mode 100644 app/components/Textarea.tsx create mode 100644 app/pages/PageEnigma/comps/SidePanelTabs/TabStyling.tsx create mode 100644 app/pages/PageEnigma/comps/SidePanelTabs/index.tsx create mode 100644 public/resources/avatars/0.webp create mode 100644 public/resources/avatars/1.webp create mode 100644 public/resources/avatars/10.webp create mode 100644 public/resources/avatars/11.webp create mode 100644 public/resources/avatars/12.webp create mode 100644 public/resources/avatars/13.webp create mode 100644 public/resources/avatars/14.webp create mode 100644 public/resources/avatars/15.webp create mode 100644 public/resources/avatars/16.webp create mode 100644 public/resources/avatars/17.webp create mode 100644 public/resources/avatars/18.webp create mode 100644 public/resources/avatars/19.webp create mode 100644 public/resources/avatars/2.webp create mode 100644 public/resources/avatars/20.webp create mode 100644 public/resources/avatars/21.webp create mode 100644 public/resources/avatars/22.webp create mode 100644 public/resources/avatars/23.webp create mode 100644 public/resources/avatars/24.webp create mode 100644 public/resources/avatars/3.webp create mode 100644 public/resources/avatars/4.webp create mode 100644 public/resources/avatars/5.webp create mode 100644 public/resources/avatars/6.webp create mode 100644 public/resources/avatars/7.webp create mode 100644 public/resources/avatars/8.webp create mode 100644 public/resources/avatars/9.webp diff --git a/app/components/H4.tsx b/app/components/H4.tsx new file mode 100644 index 0000000000..bfbf79d630 --- /dev/null +++ b/app/components/H4.tsx @@ -0,0 +1,19 @@ +import { twMerge } from "tailwind-merge" + +export const H4 = ({ + className, + children, +}:{ + className?: string, + children: React.ReactNode, +})=>{ + return( +

+ {children} +

+ ) +} \ No newline at end of file diff --git a/app/components/ItemPicker.tsx b/app/components/ItemPicker.tsx new file mode 100644 index 0000000000..90eae68411 --- /dev/null +++ b/app/components/ItemPicker.tsx @@ -0,0 +1,17 @@ +import { H4 } from "."; + +interface ItemPickerProps extends React.ImgHTMLAttributes { + label: string +} + +export const ItemPicker = ({ + label, + ...imgProps +}:ItemPickerProps) => { + return ( +
+ +

{label}

+
+ ) +} \ No newline at end of file diff --git a/app/components/Textarea.tsx b/app/components/Textarea.tsx new file mode 100644 index 0000000000..f9ca528ab9 --- /dev/null +++ b/app/components/Textarea.tsx @@ -0,0 +1,17 @@ +import { TextareaHTMLAttributes } from "react" +import { twMerge } from "tailwind-merge"; + +export const Textarea = ({ + className, + ...rest +}:TextareaHTMLAttributes) => { + return( +