mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-08 22:53:25 +00:00
30 lines
671 B
TypeScript
30 lines
671 B
TypeScript
import styled from '@emotion/styled';
|
|
import { Link } from '@inertiajs/react';
|
|
|
|
export const Item = styled.div(({ theme }) => ({
|
|
userSelect: 'none',
|
|
height: '40px',
|
|
width: '280px',
|
|
color: theme.colors.font,
|
|
backgroundColor: theme.colors.background,
|
|
padding: '8px 12px',
|
|
borderRadius: theme.border.radius,
|
|
display: 'flex',
|
|
gap: '.75em',
|
|
alignItems: 'center',
|
|
|
|
'& > svg': {
|
|
height: '24px',
|
|
width: '24px',
|
|
},
|
|
|
|
// Disable hover effect for UserCard
|
|
'&:hover:not(.disable-hover)': {
|
|
backgroundColor: theme.colors.secondary,
|
|
outlineWidth: '1px',
|
|
outlineStyle: 'solid',
|
|
},
|
|
}));
|
|
|
|
export const ItemLink = Item.withComponent(Link);
|