From f1d1e8353b95963b2720fd0349450bff94c96d6d Mon Sep 17 00:00:00 2001
From: Nayam Amarshe <25067102+NayamAmarshe@users.noreply.github.com>
Date: Mon, 11 Sep 2023 08:59:06 +0530
Subject: [PATCH] Fix styles

---
 .../upscayl-tab/config/LeftPaneImageSteps.tsx   |  2 +-
 renderer/styles/globals.css                     | 17 ++++++++++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/renderer/components/upscayl-tab/config/LeftPaneImageSteps.tsx b/renderer/components/upscayl-tab/config/LeftPaneImageSteps.tsx
index 02080b9..94d37aa 100644
--- a/renderer/components/upscayl-tab/config/LeftPaneImageSteps.tsx
+++ b/renderer/components/upscayl-tab/config/LeftPaneImageSteps.tsx
@@ -176,7 +176,7 @@ function LeftPaneImageSteps({
             handleModelChange(e);
             setCurrentModel({ label: e.label, value: e.value });
           }}
-          className="react-select-container"
+          className="react-select-container active:w-full focus:w-full hover:w-full transition-all"
           classNamePrefix="react-select"
           value={currentModel}
         />
diff --git a/renderer/styles/globals.css b/renderer/styles/globals.css
index bca20a6..50f6e63 100644
--- a/renderer/styles/globals.css
+++ b/renderer/styles/globals.css
@@ -91,6 +91,9 @@
   .react-select-container {
     @apply w-40;
   }
+  .full-width {
+    @apply w-full;
+  }
   .react-select-container .react-select__control {
     @apply rounded-btn h-12 cursor-pointer !border-0 !border-none !border-transparent bg-primary shadow-none;
   }
@@ -158,7 +161,19 @@
 }
 
 [data-theme="upscayl"] .react-select-container .react-select__control {
-  @apply rounded-btn h-10 ring-1 ring-slate-500 cursor-pointer !border-0 !border-none !border-transparent bg-primary shadow-none;
+  @apply ring-1 ring-slate-500 rounded-btn h-10 cursor-pointer !border-0 !border-none !border-transparent bg-primary shadow-none;
+}
+
+[data-theme="upscayl"] .react-select-container .react-select__single-value {
+  @apply text-primary-content normal-case font-medium;
+}
+
+[data-theme="upscayl"] .react-select-container .react-select__input-container {
+  @apply text-xs text-primary-content normal-case font-medium;
+}
+
+[data-theme="upscayl"] .react-select-container .react-select__menu {
+  @apply rounded-lg bg-primary p-1 normal-case font-medium;
 }
 
 .mac-titlebar {