Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements
This commit is contained in:
Jeff 2025-06-24 00:04:36 -07:00 committed by GitHub
parent bea55d48a8
commit c1330d92b2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
473 changed files with 12469 additions and 11607 deletions

View file

@ -1,10 +1,9 @@
import { Stack } from '@mantine/core';
import { StylesSettings } from '/@/renderer/features/settings/components/advanced/styles-settings';
import { Stack } from '/@/shared/components/stack/stack';
export const AdvancedTab = () => {
return (
<Stack spacing="md">
<Stack gap="md">
<StylesSettings />
</Stack>
);

View file

@ -1,12 +1,16 @@
import { Code } from '@mantine/core';
import { closeAllModals, openModal } from '@mantine/modals';
import { useState } from 'react';
import { useTranslation } from 'react-i18next';
import { Button, ConfirmModal, Switch, Text, Textarea } from '/@/renderer/components';
import { SettingsOptions } from '/@/renderer/features/settings/components/settings-option';
import { useCssSettings, useSettingsStoreActions } from '/@/renderer/store';
import { sanitizeCss } from '/@/renderer/utils/sanitize';
import { Button } from '/@/shared/components/button/button';
import { Code } from '/@/shared/components/code/code';
import { ConfirmModal } from '/@/shared/components/modal/modal';
import { Switch } from '/@/shared/components/switch/switch';
import { Text } from '/@/shared/components/text/text';
import { Textarea } from '/@/shared/components/textarea/textarea';
export const StylesSettings = () => {
const [open, setOpen] = useState(false);
@ -82,8 +86,8 @@ export const StylesSettings = () => {
<>
{open && (
<Button
compact
onClick={handleSave}
size="compact-md"
// disabled={isSaveButtonDisabled}
variant="filled"
>
@ -91,8 +95,8 @@ export const StylesSettings = () => {
</Button>
)}
<Button
compact
onClick={() => setOpen(!open)}
size="compact-md"
variant="filled"
>
{t(open ? 'common.close' : 'common.edit', {