FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-18 07:26:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor(web): remove all borders from buttons

Browse Source
This commit is contained in:
Luke
2023-01-08 10:56:49 +01:00
parent 9e7bf72f3a
commit a73d3e63da
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/features/menu/context/components/ContextButton.tsx
View File

@@ -16,9 +16,6 @@ const useStyles = createStyles((theme, params: { disabled?: boolean }) => ({
inner: { inner: {
justifyContent: 'flex-start', justifyContent: 'flex-start',
}, },
root: {
border: 'none',
},
label: { label: {
width: '100%', width: '100%',
color: params.disabled ? theme.colors.dark[3] : theme.colors.dark[0], color: params.disabled ? theme.colors.dark[3] : theme.colors.dark[0],
@@ -53,7 +50,7 @@ const ContextButton: React.FC<{
> >
<HoverCard.Target> <HoverCard.Target>
<Button <Button
classNames={{ inner: classes.inner, label: classes.label, root: classes.root }} classNames={{ inner: classes.inner, label: classes.label }}
onClick={() => (!button.disabled ? (button.menu ? openMenu(button.menu) : clickContext(buttonKey)) : null)} onClick={() => (!button.disabled ? (button.menu ? openMenu(button.menu) : clickContext(buttonKey)) : null)}
variant="default" variant="default"
h="fit-content" h="fit-content"

9
web/src/theme/index.ts
View File

@@ -4,4 +4,13 @@ export const theme: MantineThemeOverride = {
colorScheme: 'dark', colorScheme: 'dark',
fontFamily: 'Roboto', fontFamily: 'Roboto',
shadows: { sm: '1px 1px 3px rgba(0, 0, 0, 0.5)' }, shadows: { sm: '1px 1px 3px rgba(0, 0, 0, 0.5)' },
components: {
Button: {
styles: {
root: {
border: 'none',
},
},
},
},
}; };