Cool_Tools/upscayl
1
0
Fork 0
mirror of https://github.com/upscayl/upscayl.git synced 2025-01-31 04:03:51 +01:00
Code Releases Wiki Activity

Fixed image options

Browse Source
This commit is contained in:
Feenix 2022-12-27 16:38:49 +05:30
parent 4fad4135d4
commit bed17d9385
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
renderer/components/ImageOptions.tsx
View File

@ -20,9 +20,9 @@ const ImageOptions = ({
}, []); }, []);
return ( return (
<div className="animate rounded-btn collapse absolute top-1 z-50 m-2 opacity-25 hover:opacity-100"> <div className="animate rounded-btn collapse absolute top-1 z-50 m-2">
<input type="checkbox" className="peer" /> <input type="checkbox" className="peer" />
<div className="collapse-title bg-base-100 text-center text-sm font-semibold uppercase text-primary-content peer-checked:bg-base-300 peer-checked:text-base-content"> <div className="outline-title peer-checked:outline-title-none collapse-title bg-opacity-25 text-center text-sm font-semibold uppercase text-slate-900 backdrop-blur-2xl peer-checked:bg-base-300 peer-checked:text-base-content">
Show/Hide Image Settings Show/Hide Image Settings
</div> </div>

9
renderer/styles/globals.css
View File

@ -118,6 +118,15 @@
.react-select-container .react-select__option--is-selected { .react-select-container .react-select__option--is-selected {
@apply bg-accent; @apply bg-accent;
} }
.outline-title {
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5),
-1px -1px 0 rgba(255, 255, 255, 0.5), 1px -1px 0 rgba(255, 255, 255, 0.5),
-1px 1px 0 rgba(255, 255, 255, 0.5), 1px 1px 0 rgba(255, 255, 255, 0.5);
}
.outline-title-none {
text-shadow: none;
}
} }
.zoom-100 { .zoom-100 {