From 171a27572158d3d6f7ea3758a1f0a76055488d28 Mon Sep 17 00:00:00 2001 From: Antonio Sonis Date: Tue, 29 Oct 2024 22:34:44 +0100 Subject: [PATCH] fix: updating Select and missing icon Signed-off-by: Antonio Sonis --- src/components/TabbedWindow.module.css | 4 ++-- src/components/forms/Select.jsx | 2 +- src/components/forms/Select.module.css | 2 +- src/components/icons/K8SIcon.jsx | 33 +++++++++++++++++++++----- 4 files changed, 31 insertions(+), 10 deletions(-) diff --git a/src/components/TabbedWindow.module.css b/src/components/TabbedWindow.module.css index 39a641bd..9045e39e 100644 --- a/src/components/TabbedWindow.module.css +++ b/src/components/TabbedWindow.module.css @@ -2,7 +2,7 @@ @apply bg-main-dark-blue flex flex-col gap-y-2 w-full; } .tabs-header { - @apply flex justify-start text-white uppercase hover:cursor-pointer tracking-super-widest h-[1.5rem] relative; + @apply flex justify-start text-white uppercase hover:cursor-pointer tracking-super-widest h-[1.5rem] relative items-center; } .tab { @apply mx-8 min-w-[105px] text-center text-sm first:ml-0 last:mr-0 font-light opacity-70 hover:opacity-100; @@ -22,7 +22,7 @@ visibility: hidden; } .divider { - @apply w-full border border-none rounded-md h-[1px] bg-white/15 absolute bottom-0; + @apply w-full border border-none rounded-md h-[1px] bg-white/15 absolute bottom-[-1px]; margin-block-start: 0; margin-block-end: 0; } \ No newline at end of file diff --git a/src/components/forms/Select.jsx b/src/components/forms/Select.jsx index 9c1d0128..80a88694 100644 --- a/src/components/forms/Select.jsx +++ b/src/components/forms/Select.jsx @@ -175,7 +175,7 @@ function Select ({ {beforeIcon?.iconName && getBeforeIcon()} handleFocus()} onBlur={(e) => handleBlur(e)} readOnly />
- setShowOptions(!showOptions)} size={SMALL} /> + setShowOptions(!showOptions)} size={SMALL} />
{showOptions && !showError && renderOptions()} diff --git a/src/components/forms/Select.module.css b/src/components/forms/Select.module.css index 8d89f124..38ba3eb0 100644 --- a/src/components/forms/Select.module.css +++ b/src/components/forms/Select.module.css @@ -25,7 +25,7 @@ @apply border border-solid rounded } .option { - @apply font-light cursor-pointer z-10 flex flex-row justify-between items-center px-4 rounded; + @apply cursor-pointer z-10 flex flex-row justify-between items-center px-4 rounded; } .bordered-bottom { @apply border-b diff --git a/src/components/icons/K8SIcon.jsx b/src/components/icons/K8SIcon.jsx index 37817c95..18dd139d 100644 --- a/src/components/icons/K8SIcon.jsx +++ b/src/components/icons/K8SIcon.jsx @@ -31,8 +31,15 @@ const K8SIcon = ({ xmlns='http://www.w3.org/2000/svg' className={className} > - - + + + + + + + + + ) break @@ -46,8 +53,15 @@ const K8SIcon = ({ xmlns='http://www.w3.org/2000/svg' className={className} > - - + + + + + + + + + ) break @@ -61,8 +75,15 @@ const K8SIcon = ({ xmlns='http://www.w3.org/2000/svg' className={className} > - - + + + + + + + + + ) break