Fix icon button hover

This commit is contained in:
Zoe Roux 2023-03-15 13:25:47 +09:00
parent 73578736bc
commit eee51216b9
2 changed files with 3 additions and 3 deletions

View File

@ -90,7 +90,7 @@ export const IconButton = forwardRef(function _IconButton<AsProps = PressablePro
borderRadius: 9999,
fover: {
self: {
bg: (theme: Theme) => alpha(theme.contrast, 0.5),
bg: (theme: Theme) => theme.overlay0,
},
},
},

View File

@ -88,14 +88,14 @@ export const BrowseSettings = ({
onPress={() => setLayout(Layout.Grid)}
color={layout == Layout.Grid ? theme.accent : undefined}
{...tooltip(t("browse.switchToGrid"))}
{...css({ paddingX: ts(0.5) })}
{...css({ padding: ts(0.5), marginY: "auto" })}
/>
<IconButton
icon={ViewList}
onPress={() => setLayout(Layout.List)}
color={layout == Layout.List ? theme.accent : undefined}
{...tooltip(t("browse.switchToList"))}
{...css({ paddingX: ts(0.5) })}
{...css({ padding: ts(0.5), marginY: "auto" })}
/>
</View>
</View>