mirror of
https://github.com/NovaOSS/nova-betterchat.git
synced 2024-11-25 17:24:00 +01:00
8f0ed233e9
* adjust new chat button display in chat folder * Display it at the top instead at the end. This because chats are order by recently created. UX issue when clicking to the button at the end, and have to scroll at the top to see and edit newly created chat. * Display the button when hovering the folder, not just the group of chats in the folder. This make the button to display when hover the folder, even if there is not yet chats list in the folder. * parent sibling hover --------- Co-authored-by: Jing Hua <tohjinghua123@gmail.com>
69 lines
1.6 KiB
JavaScript
69 lines
1.6 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
|
|
function parentSiblingHoverPlugin({ addVariant, e }) {
|
|
addVariant('parent-sibling-hover', ({ modifySelectors, separator }) => {
|
|
modifySelectors(({ className }) => {
|
|
return `.parent-sibling:hover ~ .parent .${e(
|
|
`parent-sibling-hover${separator}${className}`
|
|
)}`;
|
|
});
|
|
});
|
|
}
|
|
|
|
module.exports = {
|
|
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
|
|
theme: {
|
|
fontFamily: {
|
|
sans: [
|
|
'Söhne',
|
|
'ui-sans-serif',
|
|
'system-ui',
|
|
'-apple-system',
|
|
'Segoe UI',
|
|
'Roboto',
|
|
'Ubuntu',
|
|
'Cantarell',
|
|
'Noto Sans',
|
|
'sans-serif',
|
|
'Helvetica Neue',
|
|
'Arial',
|
|
'Apple Color Emoji',
|
|
'Segoe UI Emoji',
|
|
'Segoe UI Symbol',
|
|
'Noto Color Emoji',
|
|
],
|
|
mono: ['Söhne Mono', 'Monaco', 'Andale Mono', 'Ubuntu Mono', 'monospace'],
|
|
},
|
|
extend: {
|
|
typography: {
|
|
DEFAULT: {
|
|
css: {
|
|
pre: { padding: 0, margin: 0 },
|
|
ul: {
|
|
'list-style-type': 'none',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
colors: {
|
|
gray: {
|
|
50: '#f7f7f8',
|
|
100: '#ececf1',
|
|
200: '#d9d9e3',
|
|
300: '#d1d5db',
|
|
400: '#acacbe',
|
|
500: '#8e8ea0',
|
|
600: '#4b5563',
|
|
650: '#444654',
|
|
700: '#40414f',
|
|
800: '#343541',
|
|
850: '#2A2B32',
|
|
900: '#202123',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [require('@tailwindcss/typography'), parentSiblingHoverPlugin],
|
|
darkMode: 'class',
|
|
};
|