feat(electron): mica styles for windows (#5802)

This commit is contained in:
@@ -11,9 +11,7 @@ export const AppContainer = (props: WorkspaceRootProps) => {
|
|||||||
<AppContainerWithoutSettings
|
<AppContainerWithoutSettings
|
||||||
useNoisyBackground={appSettings.enableNoisyBackground}
|
useNoisyBackground={appSettings.enableNoisyBackground}
|
||||||
useBlurBackground={
|
useBlurBackground={
|
||||||
appSettings.enableBlurBackground &&
|
appSettings.enableBlurBackground && environment.isDesktop
|
||||||
environment.isDesktop &&
|
|
||||||
environment.isMacOs
|
|
||||||
}
|
}
|
||||||
{...props}
|
{...props}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -211,7 +211,7 @@ export const AppearanceSettings = () => {
|
|||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
</SettingRow>
|
</SettingRow>
|
||||||
{environment.isMacOs && (
|
{
|
||||||
<SettingRow
|
<SettingRow
|
||||||
name={t['com.affine.appearanceSettings.translucentUI.title']()}
|
name={t['com.affine.appearanceSettings.translucentUI.title']()}
|
||||||
desc={t[
|
desc={t[
|
||||||
@@ -225,7 +225,7 @@ export const AppearanceSettings = () => {
|
|||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
</SettingRow>
|
</SettingRow>
|
||||||
)}
|
}
|
||||||
</SettingWrapper>
|
</SettingWrapper>
|
||||||
) : null}
|
) : null}
|
||||||
</>
|
</>
|
||||||
|
|||||||
@@ -178,11 +178,7 @@ export const RootAppSidebar = ({
|
|||||||
return (
|
return (
|
||||||
<AppSidebar
|
<AppSidebar
|
||||||
hasBackground={
|
hasBackground={
|
||||||
!(
|
!(appSettings.enableBlurBackground && environment.isDesktop)
|
||||||
appSettings.enableBlurBackground &&
|
|
||||||
environment.isDesktop &&
|
|
||||||
environment.isMacOs
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<MoveToTrash.ConfirmModal
|
<MoveToTrash.ConfirmModal
|
||||||
|
|||||||
@@ -54,6 +54,7 @@ async function createWindow(additionalArguments: string[]) {
|
|||||||
minHeight: 480,
|
minHeight: 480,
|
||||||
visualEffectState: 'active',
|
visualEffectState: 'active',
|
||||||
vibrancy: 'under-window',
|
vibrancy: 'under-window',
|
||||||
|
backgroundMaterial: 'mica',
|
||||||
height: mainWindowState.height,
|
height: mainWindowState.height,
|
||||||
show: false, // Use 'ready-to-show' event to show window
|
show: false, // Use 'ready-to-show' event to show window
|
||||||
webPreferences: {
|
webPreferences: {
|
||||||
|
|||||||
Reference in New Issue
Block a user