mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-23 16:26:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(new tool): camera screenshot and recorder

Browse source
This commit is contained in:
Corentin Thomasset 2023-05-16 23:12:37 +02:00
parent 8515c24264
commit 34d8e5ce2c
No known key found for this signature in database
GPG key ID: DBD997E935996158
15 changed files with 448 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/ui/c-button/c-button.demo.vue
View file

@ -45,7 +45,7 @@
import _ from 'lodash';
const buttonVariants = ['basic', 'text'] as const;
const buttonTypes = ['default', 'primary', 'warning'] as const;
const buttonTypes = ['default', 'primary', 'warning', 'error'] as const;
const buttonSizes = ['small', 'medium', 'large'] as const;
</script>

12
src/ui/c-button/c-button.theme.ts
View file

@ -61,6 +61,12 @@ const createTheme = ({ style }: { style: 'light' | 'dark' }) => {
hoverBackground: lighten(theme.warning.colorFaded, 30),
pressedBackground: darken(theme.warning.colorFaded, 30),
}),
error: createState({
textColor: theme.error.color,
backgroundColor: theme.error.colorFaded,
hoverBackground: lighten(theme.error.colorFaded, 30),
pressedBackground: darken(theme.error.colorFaded, 30),
}),
},
text: {
default: createState({
@ -81,6 +87,12 @@ const createTheme = ({ style }: { style: 'light' | 'dark' }) => {
hoverBackground: theme.warning.colorFaded,
pressedBackground: darken(theme.warning.colorFaded, 30),
}),
error: createState({
textColor: darken(theme.error.color, 20),
backgroundColor: 'transparent',
hoverBackground: theme.error.colorFaded,
pressedBackground: darken(theme.error.colorFaded, 30),
}),
},
};
};

2
src/ui/c-button/c-button.vue
View file

@ -18,7 +18,7 @@ import { useAppTheme } from '../theme/themes';
const props = withDefaults(
defineProps<{
type?: 'default' | 'primary' | 'warning';
type?: 'default' | 'primary' | 'warning' | 'error';
variant?: 'basic' | 'text';
disabled?: boolean;
round?: boolean;