Mirroring/my-links
1
0
Fork 0
mirror of https://github.com/Sonny93/my-links.git synced 2025-12-09 15:05:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add user dropdown in navbar

Browse Source
This commit is contained in:
Sonny
2024-05-14 13:11:10 +02:00
committed by Sonny
parent 243984ca66
commit c916b5870b
6 changed files with 47 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
inertia/components/common/dropdown/dropdown_item.tsx
View File

@@ -1,16 +1,19 @@
import styled from '@emotion/styled';
import { Link } from '@inertiajs/react';
const DropdownItemBase = styled.div(({ theme }) => ({
fontSize: '14px',
whiteSpace: 'nowrap',
padding: '8px 12px',
borderRadius: theme.border.radius,
const DropdownItemBase = styled.div<{ danger?: boolean }>(
({ theme, danger }) => ({
fontSize: '14px',
whiteSpace: 'nowrap',
color: danger ? theme.colors.lightRed : theme.colors.primary,
padding: '8px 12px',
borderRadius: theme.border.radius,
'&:hover': {
backgroundColor: theme.colors.background,
},
}));
'&:hover': {
backgroundColor: theme.colors.background,
},
})
);
const DropdownItemButton = styled(DropdownItemBase)({
display: 'flex',