Mirror/Cultivation
1
0
Fork 0
mirror of https://github.com/Grasscutters/Cultivation.git synced 2025-12-13 23:54:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
SpikeHD
2022-07-25 19:30:13 -07:00
parent 9fa3351747
commit c99080168c
3 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/ui/components/common/Checkbox.css
View File

@@ -16,7 +16,7 @@
} }
.CheckboxDisplay img { .CheckboxDisplay img {
height: 100% !important; height: 100%;
filter: invert(99%) sepia(0%) saturate(1188%) hue-rotate(186deg) brightness(97%) contrast(67%); filter: invert(99%) sepia(0%) saturate(1188%) hue-rotate(186deg) brightness(97%) contrast(67%);
} }

9
src/ui/components/mods/ModTile.css
View File

@@ -43,16 +43,21 @@
justify-content: center; justify-content: center;
} }
.Checkbox { .ModListItem .Checkbox {
filter: invert(100%) sepia(2%) saturate(201%) hue-rotate(47deg) brightness(117%) contrast(100%); filter: invert(100%) sepia(2%) saturate(201%) hue-rotate(47deg) brightness(117%) contrast(100%);
} }
.ModTileOpen .ModTileFolder { .ModImage .ModTileFolder {
width: 40px !important; width: 40px !important;
height: 40px !important; height: 40px !important;
margin: 20px; margin: 20px;
} }
.ModTileFolder:hover {
cursor: pointer;
filter: invert(1) brightness(0.2);
}
.ModTileOpen, .ModTileOpen,
.ModTileDownload { .ModTileDownload {
position: absolute; position: absolute;

6
src/ui/components/mods/ModTile.tsx
View File

@@ -25,7 +25,7 @@ export class ModTile extends React.Component<IProps, IState> {
super(props) super(props)
this.state = { this.state = {
hover: true, hover: false,
modEnabled: false, modEnabled: false,
} }
@@ -51,7 +51,7 @@ export class ModTile extends React.Component<IProps, IState> {
<div <div
className="ModListItem" className="ModListItem"
onMouseEnter={() => this.setState({ hover: true })} onMouseEnter={() => this.setState({ hover: true })}
onMouseLeave={() => this.setState({ hover: true })} onMouseLeave={() => this.setState({ hover: false })}
{...(!this.props.path && { {...(!this.props.path && {
onClick: () => { onClick: () => {
if (!('id' in mod)) return if (!('id' in mod)) return
@@ -70,7 +70,7 @@ export class ModTile extends React.Component<IProps, IState> {
<div className="ModTileOpen"> <div className="ModTileOpen">
<img src={Folder} className="ModTileFolder" alt="Open" onClick={this.openInExplorer} /> <img src={Folder} className="ModTileFolder" alt="Open" onClick={this.openInExplorer} />
<Checkbox <Checkbox
checked={/* TODO GET INSTALL STATUS */ this.state.modEnabled} checked={/* TODO GET ACTUAL INSTALL STATUS */ this.state.modEnabled}
id={this.props.mod.name} id={this.props.mod.name}
onChange={this.toggleMod} onChange={this.toggleMod}
/> />