mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-20 03:26:47 +08:00
fundon
eac8f32f4c
* Updated `border-radius` of panel to `8px`. [BS-2901](https://linear.app/affine-design/issue/BS-2901/meta-info-ui-issue) [BS-2810](https://linear.app/affine-design/issue/BS-2810/toolbarpicker-圆角更新为-8px) * Refactored basic styles of font and panel. <img width="549" alt="Screenshot 2025-03-31 at 12 56 36" src="https://github.com/user-attachments/assets/4a827e1e-f802-4251-a563-4a34b891a5e3" />
27 lines
742 B
TypeScript
27 lines
742 B
TypeScript
import { css, unsafeCSS } from 'lit';
|
|
|
|
import { unsafeCSSVarV2 } from '../theme/css-variables';
|
|
import { fontSMStyle } from './font';
|
|
|
|
export const panelBaseColorsStyle = (container: string) => css`
|
|
${unsafeCSS(container)} {
|
|
color: var(--affine-icon-color);
|
|
box-shadow: var(--affine-overlay-shadow);
|
|
background: ${unsafeCSSVarV2('layer/background/overlayPanel')};
|
|
}
|
|
`;
|
|
|
|
export const panelBaseStyle = (container: string) => css`
|
|
${unsafeCSS(container)} {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
width: max-content;
|
|
padding: 0 6px;
|
|
border-radius: 8px;
|
|
border: 0.5px solid ${unsafeCSSVarV2('layer/insideBorder/border')};
|
|
}
|
|
${panelBaseColorsStyle(container)}
|
|
${fontSMStyle(container)}
|
|
`;
|