diff --git a/src/ui/components/common/Checkbox.css b/src/ui/components/common/Checkbox.css index 97cdece..c485e36 100644 --- a/src/ui/components/common/Checkbox.css +++ b/src/ui/components/common/Checkbox.css @@ -16,7 +16,7 @@ } .CheckboxDisplay img { - height: 100% !important; + height: 100%; filter: invert(99%) sepia(0%) saturate(1188%) hue-rotate(186deg) brightness(97%) contrast(67%); } diff --git a/src/ui/components/mods/ModTile.css b/src/ui/components/mods/ModTile.css index 6e986cc..4f68c64 100644 --- a/src/ui/components/mods/ModTile.css +++ b/src/ui/components/mods/ModTile.css @@ -43,16 +43,21 @@ justify-content: center; } -.Checkbox { +.ModListItem .Checkbox { filter: invert(100%) sepia(2%) saturate(201%) hue-rotate(47deg) brightness(117%) contrast(100%); } -.ModTileOpen .ModTileFolder { +.ModImage .ModTileFolder { width: 40px !important; height: 40px !important; margin: 20px; } +.ModTileFolder:hover { + cursor: pointer; + filter: invert(1) brightness(0.2); +} + .ModTileOpen, .ModTileDownload { position: absolute; diff --git a/src/ui/components/mods/ModTile.tsx b/src/ui/components/mods/ModTile.tsx index d4b9d44..2f453ae 100644 --- a/src/ui/components/mods/ModTile.tsx +++ b/src/ui/components/mods/ModTile.tsx @@ -25,7 +25,7 @@ export class ModTile extends React.Component { super(props) this.state = { - hover: true, + hover: false, modEnabled: false, } @@ -51,7 +51,7 @@ export class ModTile extends React.Component {
this.setState({ hover: true })} - onMouseLeave={() => this.setState({ hover: true })} + onMouseLeave={() => this.setState({ hover: false })} {...(!this.props.path && { onClick: () => { if (!('id' in mod)) return @@ -70,7 +70,7 @@ export class ModTile extends React.Component {
Open