Themes tab: Add QuickCss button (#1475)
This commit is contained in:
parent
8620a1d86d
commit
abf62f28db
1 changed files with 10 additions and 1 deletions
|
@ -21,7 +21,7 @@ import { Link } from "@components/Link";
|
||||||
import { Margins } from "@utils/margins";
|
import { Margins } from "@utils/margins";
|
||||||
import { useAwaiter } from "@utils/react";
|
import { useAwaiter } from "@utils/react";
|
||||||
import { findLazy } from "@webpack";
|
import { findLazy } from "@webpack";
|
||||||
import { Card, Forms, React, TextArea } from "@webpack/common";
|
import { Button, Card, Forms, React, TextArea } from "@webpack/common";
|
||||||
|
|
||||||
import { SettingsTab, wrapTab } from "./shared";
|
import { SettingsTab, wrapTab } from "./shared";
|
||||||
|
|
||||||
|
@ -112,7 +112,16 @@ function ThemesTab() {
|
||||||
<li>• Click the fork button on the top right</li>
|
<li>• Click the fork button on the top right</li>
|
||||||
<li>• Edit the file</li>
|
<li>• Edit the file</li>
|
||||||
<li>• Use the link to your own repository instead</li>
|
<li>• Use the link to your own repository instead</li>
|
||||||
|
<li>• Use the link to your own repository instead </li>
|
||||||
|
<li>OR</li>
|
||||||
|
<li>• Paste the contents of the edited theme file into the QuickCSS editor</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
<Forms.FormDivider className={Margins.top8 + " " + Margins.bottom16} />
|
||||||
|
<Button
|
||||||
|
onClick={() => VencordNative.quickCss.openEditor()}
|
||||||
|
size={Button.Sizes.SMALL}>
|
||||||
|
Open QuickCSS File
|
||||||
|
</Button>
|
||||||
</Forms.FormText>
|
</Forms.FormText>
|
||||||
</Card>
|
</Card>
|
||||||
<Forms.FormTitle tag="h5">Themes</Forms.FormTitle>
|
<Forms.FormTitle tag="h5">Themes</Forms.FormTitle>
|
||||||
|
|
Loading…
Reference in a new issue