mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-25 22:38:56 +08:00
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);
|
||||
color: ${unsafeCSSVarV2('text/primary')};
|
||||
flex-grow: 1;
|
||||
background-color: transparent;
|
||||
}
|
||||
.search-input-wrapper input::placeholder {
|
||||
color: ${unsafeCSSVarV2('text/placeholder')};
|
||||
|
||||
@@ -63,17 +63,13 @@ export const windowAppControl = style({
|
||||
WebkitAppRegion: 'no-drag',
|
||||
cursor: 'pointer',
|
||||
display: 'inline-flex',
|
||||
width: '52px',
|
||||
height: '52px',
|
||||
width: '40px',
|
||||
height: '40px',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
borderRadius: '0',
|
||||
color: 'var(--affine-icon-color)',
|
||||
selectors: {
|
||||
'&[data-type="close"]': {
|
||||
width: '56px',
|
||||
paddingRight: '5px',
|
||||
},
|
||||
'&[data-type="close"]:hover': {
|
||||
background: 'var(--affine-windows-close-button)',
|
||||
color: 'var(--affine-pure-white)',
|
||||
|
||||
@@ -78,7 +78,7 @@ export const tabWrapper = style({
|
||||
});
|
||||
|
||||
export const tab = style({
|
||||
height: 32,
|
||||
height: 26,
|
||||
minWidth: 32,
|
||||
maxWidth: tabMaxWidth,
|
||||
width: 200,
|
||||
@@ -243,7 +243,7 @@ export const spacer = style({
|
||||
});
|
||||
|
||||
export const windowsAppControlsPlaceholder = style({
|
||||
width: '160px',
|
||||
width: '120px',
|
||||
height: '100%',
|
||||
flexShrink: 0,
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user