chore(core): adjust tab height and windows control, remove input background (#12862)
close AF-2697, AF-2696 <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **Style** - Made the AI chat input field background transparent for improved visual consistency. - Reduced the size of window app control buttons and removed extra padding from the close button. - Decreased the height of tabs and the width of the window app controls placeholder for a more compact layout. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
@@ -93,6 +93,7 @@ export class ChatPanelAddPopover extends SignalWatcher(
|
|||||||
font-size: var(--affine-font-sm);
|
font-size: var(--affine-font-sm);
|
||||||
color: ${unsafeCSSVarV2('text/primary')};
|
color: ${unsafeCSSVarV2('text/primary')};
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
.search-input-wrapper input::placeholder {
|
.search-input-wrapper input::placeholder {
|
||||||
color: ${unsafeCSSVarV2('text/placeholder')};
|
color: ${unsafeCSSVarV2('text/placeholder')};
|
||||||
|
|||||||
@@ -63,17 +63,13 @@ export const windowAppControl = style({
|
|||||||
WebkitAppRegion: 'no-drag',
|
WebkitAppRegion: 'no-drag',
|
||||||
cursor: 'pointer',
|
cursor: 'pointer',
|
||||||
display: 'inline-flex',
|
display: 'inline-flex',
|
||||||
width: '52px',
|
width: '40px',
|
||||||
height: '52px',
|
height: '40px',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
borderRadius: '0',
|
borderRadius: '0',
|
||||||
color: 'var(--affine-icon-color)',
|
color: 'var(--affine-icon-color)',
|
||||||
selectors: {
|
selectors: {
|
||||||
'&[data-type="close"]': {
|
|
||||||
width: '56px',
|
|
||||||
paddingRight: '5px',
|
|
||||||
},
|
|
||||||
'&[data-type="close"]:hover': {
|
'&[data-type="close"]:hover': {
|
||||||
background: 'var(--affine-windows-close-button)',
|
background: 'var(--affine-windows-close-button)',
|
||||||
color: 'var(--affine-pure-white)',
|
color: 'var(--affine-pure-white)',
|
||||||
|
|||||||
@@ -78,7 +78,7 @@ export const tabWrapper = style({
|
|||||||
});
|
});
|
||||||
|
|
||||||
export const tab = style({
|
export const tab = style({
|
||||||
height: 32,
|
height: 26,
|
||||||
minWidth: 32,
|
minWidth: 32,
|
||||||
maxWidth: tabMaxWidth,
|
maxWidth: tabMaxWidth,
|
||||||
width: 200,
|
width: 200,
|
||||||
@@ -243,7 +243,7 @@ export const spacer = style({
|
|||||||
});
|
});
|
||||||
|
|
||||||
export const windowsAppControlsPlaceholder = style({
|
export const windowsAppControlsPlaceholder = style({
|
||||||
width: '160px',
|
width: '120px',
|
||||||
height: '100%',
|
height: '100%',
|
||||||
flexShrink: 0,
|
flexShrink: 0,
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user