Cool_Tools/upscayl
1
0
Fork 0
mirror of https://github.com/upscayl/upscayl.git synced 2024-11-30 18:24:27 +01:00
Code Releases Wiki Activity

Fix styles

Browse Source
This commit is contained in:
Nayam Amarshe 2023-09-11 08:59:06 +05:30
parent a35b6c4cc4
commit f1d1e8353b
2 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
renderer/components/upscayl-tab/config/LeftPaneImageSteps.tsx
View File

@ -176,7 +176,7 @@ function LeftPaneImageSteps({
handleModelChange(e); handleModelChange(e);
setCurrentModel({ label: e.label, value: e.value }); 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" classNamePrefix="react-select"
value={currentModel} value={currentModel}
/> />

17
renderer/styles/globals.css
View File

@ -91,6 +91,9 @@
.react-select-container { .react-select-container {
@apply w-40; @apply w-40;
} }
.full-width {
@apply w-full;
}
.react-select-container .react-select__control { .react-select-container .react-select__control {
@apply rounded-btn h-12 cursor-pointer !border-0 !border-none !border-transparent bg-primary shadow-none; @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 { [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 { .mac-titlebar {