toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-02 12:43:03 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(electron): adjust app-tabs-header styles (#7849)

Browse Source
This commit is contained in:
pengx17 2024-08-13 08:06:30 +00:00
parent d86f7f41dc
commit d4065fee78
No known key found for this signature in database
GPG Key ID: 23F23D9E8B3971ED
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/frontend/core/src/modules/app-tabs-header/views/app-tabs-header.tsx
View File

@ -208,6 +208,7 @@ const WorkbenchTab = ({
data-testid="workbench-tab"
data-active={tabActive}
data-pinned={workbench.pinned}
data-padding-right={tabsLength > 1 && !workbench.pinned}
className={styles.tab}
>
{workbench.views.map((view, viewIdx) => {

6
packages/frontend/core/src/modules/app-tabs-header/views/styles.css.ts
View File

@ -75,6 +75,7 @@ export const tabWrapper = style({
export const tab = style({
height: 32,
minWidth: 32,
maxWidth: 200,
overflow: 'clip',
background: cssVar('backgroundSecondaryColor'),
display: 'flex',
@ -93,7 +94,7 @@ export const tab = style({
background: cssVar('backgroundPrimaryColor'),
boxShadow: cssVar('shadow1'),
},
'&[data-pinned="false"]': {
'&[data-padding-right="true"]': {
paddingRight: 20,
},
'&[data-pinned="true"]': {
@ -113,7 +114,6 @@ export const splitViewLabel = style({
gap: '4px',
fontWeight: 500,
alignItems: 'center',
maxWidth: 180,
cursor: 'default',
':last-of-type': {
paddingRight: 0,
@ -172,7 +172,7 @@ export const tabCloseButtonWrapper = style({
top: 0,
bottom: 0,
height: '100%',
width: 16,
width: 24,
overflow: 'clip',
display: 'flex',
alignItems: 'center',