mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-10 15:35:35 +00:00
29 lines
638 B
TypeScript
29 lines
638 B
TypeScript
import styled from '@emotion/styled';
|
|
import { Link } from '@inertiajs/react';
|
|
|
|
export const Item = styled.div(({ theme }) => ({
|
|
userSelect: 'none',
|
|
height: '40px',
|
|
width: '280px',
|
|
backgroundColor: theme.colors.lightGrey,
|
|
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.white,
|
|
outlineWidth: '1px',
|
|
outlineStyle: 'solid',
|
|
},
|
|
}));
|
|
|
|
export const ItemLink = Item.withComponent(Link);
|