mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-11 15:16:28 +08:00
pengx17
53c531c931
fix AF-2572   <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Introduced a Meetings welcome page with a beta disclaimer and "Get Started" flow. - Added separate toggles for AI auto summary and AI auto todo list in meeting settings. - Added "Beta" labels to relevant settings and sidebar items for clearer feature status. - Enhanced settings UI with improved headers, subtitles, and new styling. - **Improvements** - Meeting settings now allow independent control over AI-generated summaries and todo lists. - Updated internationalization to support new meeting and AI transcription features, including richer prompts and hints. - Refined logic for enabling meeting recording, including improved permission handling. - Simplified transcription logic to rely solely on AI enablement flag. - **Bug Fixes** - Fixed display and control of meeting settings based on beta disclaimer acceptance. - **Chores** - Updated localization files and completeness percentages for several languages. - Removed deprecated feature flag for enabling meetings. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
110 lines
2.5 KiB
TypeScript
110 lines
2.5 KiB
TypeScript
import { cssVar } from '@toeverything/theme';
|
|
import { cssVarV2 } from '@toeverything/theme/v2';
|
|
import { globalStyle, style } from '@vanilla-extract/css';
|
|
export const settingHeader = style({
|
|
borderBottom: `1px solid ${cssVar('borderColor')}`,
|
|
paddingBottom: '16px',
|
|
marginBottom: '24px',
|
|
whiteSpace: 'pre-wrap',
|
|
});
|
|
globalStyle(`${settingHeader} .title`, {
|
|
fontSize: cssVar('fontBase'),
|
|
fontWeight: 600,
|
|
lineHeight: '24px',
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
gap: '12px',
|
|
position: 'relative',
|
|
});
|
|
globalStyle(`${settingHeader} .subtitle`, {
|
|
paddingTop: '4px',
|
|
paddingBottom: '8px',
|
|
fontSize: cssVar('fontXs'),
|
|
lineHeight: '20px',
|
|
color: cssVar('textSecondaryColor'),
|
|
});
|
|
export const wrapper = style({
|
|
borderBottom: `1px solid ${cssVar('borderColor')}`,
|
|
paddingBottom: '24px',
|
|
marginBottom: '24px',
|
|
selectors: {
|
|
'&:last-of-type': {
|
|
borderBottom: 'none',
|
|
paddingBottom: '0',
|
|
marginBottom: '0',
|
|
},
|
|
},
|
|
});
|
|
export const wrapperDisabled = style({
|
|
opacity: 0.5,
|
|
pointerEvents: 'none',
|
|
});
|
|
globalStyle(`${wrapper} .title`, {
|
|
fontSize: cssVar('fontSm'),
|
|
fontWeight: 600,
|
|
lineHeight: '18px',
|
|
color: cssVar('textSecondaryColor'),
|
|
marginBottom: '16px',
|
|
});
|
|
export const settingRow = style({
|
|
marginBottom: '25px',
|
|
color: cssVar('textPrimaryColor'),
|
|
borderRadius: '8px',
|
|
selectors: {
|
|
'&.two-col': {
|
|
display: 'flex',
|
|
justifyContent: 'space-between',
|
|
alignItems: 'center',
|
|
},
|
|
'&:last-of-type': {
|
|
marginBottom: '0',
|
|
},
|
|
'&.disabled': {
|
|
position: 'relative',
|
|
},
|
|
'&.disabled::after': {
|
|
content: '',
|
|
position: 'absolute',
|
|
left: 0,
|
|
top: 0,
|
|
width: '100%',
|
|
height: '100%',
|
|
backgroundColor: 'rgba(255,255,255,0.5)',
|
|
},
|
|
},
|
|
});
|
|
globalStyle(`${settingRow} .left-col`, {
|
|
flex: 1,
|
|
maxWidth: '100%',
|
|
});
|
|
globalStyle(`${settingRow}.two-col .left-col`, {
|
|
flexShrink: 0,
|
|
maxWidth: '80%',
|
|
});
|
|
globalStyle(`${settingRow} .name`, {
|
|
marginBottom: '2px',
|
|
fontSize: cssVar('fontSm'),
|
|
fontWeight: 600,
|
|
});
|
|
globalStyle(`${settingRow} .desc`, {
|
|
fontSize: cssVar('fontXs'),
|
|
color: cssVar('textSecondaryColor'),
|
|
});
|
|
globalStyle(`${settingRow} .right-col`, {
|
|
display: 'flex',
|
|
justifyContent: 'flex-end',
|
|
paddingLeft: '15px',
|
|
flexShrink: 0,
|
|
});
|
|
|
|
export const settingHeaderBeta = style({
|
|
fontSize: cssVar('fontXs'),
|
|
background: cssVarV2('chip/label/blue'),
|
|
padding: '0 8px',
|
|
borderRadius: '4px',
|
|
display: 'inline-flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
height: 20,
|
|
});
|