fix: updating Select and missing icon

Signed-off-by: Antonio Sonis <[email protected]>
platformatic · Oct 29, 2024 · 171a275 · 171a275
1 parent 2c0a04b
commit 171a275
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 10 deletions.
diff --git 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;
 }
diff --git a/src/components/forms/Select.jsx b/src/components/forms/Select.jsx
@@ -175,7 +175,7 @@ function Select ({
         {beforeIcon?.iconName && getBeforeIcon()}
         <input type='text' name={name} value={value} className={inputClassName} ref={inputRef} disabled={disabled} placeholder={placeholder} onFocus={() => handleFocus()} onBlur={(e) => handleBlur(e)} readOnly />
         <div className={styles.icons}>
-          <PlatformaticIcon iconName={showOptions ? 'ArrowUpIcon' : 'ArrowDownIcon'} color={borderColor} disabled={disabled} onClick={() => setShowOptions(!showOptions)} size={SMALL} />
+          <PlatformaticIcon iconName={showOptions ? 'ArrowDownIcon' : 'ArrowRightIcon'} color={borderColor} disabled={disabled} onClick={() => setShowOptions(!showOptions)} size={SMALL} />
         </div>
       </div>
       {showOptions && !showError && renderOptions()}

diff --git 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