fix inconsistent margins & capitalisation (#281)

This commit is contained in:
David Ralph 2022-12-08 22:51:18 +00:00 committed by GitHub
parent 2de461985d
commit 022bf17140
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 10 deletions

@ -57,7 +57,8 @@ function Validators({ themeLinks }: { themeLinks: string[]; }) {
{themeLinks.map(link => ( {themeLinks.map(link => (
<Card style={{ <Card style={{
padding: ".5em", padding: ".5em",
marginBottom: ".5em" marginBottom: ".5em",
marginTop: ".5em"
}} key={link}> }} key={link}>
<Forms.FormTitle tag="h5" style={{ <Forms.FormTitle tag="h5" style={{
overflowWrap: "break-word" overflowWrap: "break-word"
@ -95,21 +96,21 @@ export default ErrorBoundary.wrap(function () {
}}> }}>
<Forms.FormTitle tag="h5">Paste links to .css / .theme.css files here</Forms.FormTitle> <Forms.FormTitle tag="h5">Paste links to .css / .theme.css files here</Forms.FormTitle>
<Forms.FormText>One link per line</Forms.FormText> <Forms.FormText>One link per line</Forms.FormText>
<Forms.FormText>Be careful to use the raw links or github.io links!</Forms.FormText> <Forms.FormText>Make sure to use the raw links or github.io links!</Forms.FormText>
<Forms.FormDivider /> <Forms.FormDivider />
<Forms.FormTitle tag="h5">Find Themes:</Forms.FormTitle> <Forms.FormTitle tag="h5">Find Themes:</Forms.FormTitle>
<div> <div style={{ marginBottom: ".5em" }}>
<Link style={{ marginRight: ".5em" }} href="https://betterdiscord.app/themes"> <Link style={{ marginRight: ".5em" }} href="https://betterdiscord.app/themes">
BetterDiscord Themes BetterDiscord Themes
</Link> </Link>
<Link href="https://github.com/search?q=discord+theme">Github</Link> <Link href="https://github.com/search?q=discord+theme">GitHub</Link>
</div> </div>
<Forms.FormText>If using the BD site, click on "Source" somewhere below the Download button</Forms.FormText> <Forms.FormText>If using the BD site, click on "Source" somewhere below the Download button</Forms.FormText>
<Forms.FormText>In the GitHub repository of your theme, find X.theme.css / X.css, click on it, then click the "Raw" button</Forms.FormText> <Forms.FormText>In the GitHub repository of your theme, find X.theme.css / X.css, click on it, then click the "Raw" button</Forms.FormText>
<Forms.FormText> <Forms.FormText>
If the theme has configuration that requires you to edit the file: If the theme has configuration that requires you to edit the file:
<ul> <ul>
<li> Make a github account</li> <li> Make a <Link href="https://github.com/signup">GitHub</Link> account</li>
<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>

@ -89,8 +89,8 @@ function VencordSettings() {
<Switch <Switch
value={settings.useQuickCss} value={settings.useQuickCss}
onChange={(v: boolean) => settings.useQuickCss = v} onChange={(v: boolean) => settings.useQuickCss = v}
note="Loads styles from your QuickCss file"> note="Loads styles from your QuickCSS file">
Use QuickCss Use QuickCSS
</Switch> </Switch>
{!IS_WEB && ( {!IS_WEB && (
<React.Fragment> <React.Fragment>
@ -103,8 +103,8 @@ function VencordSettings() {
<Switch <Switch
value={settings.notifyAboutUpdates} value={settings.notifyAboutUpdates}
onChange={(v: boolean) => settings.notifyAboutUpdates = v} onChange={(v: boolean) => settings.notifyAboutUpdates = v}
note="Shows a Toast on StartUp"> note="Shows a toast on startup">
Get notified about new Updates Get notified about new updates
</Switch> </Switch>
</React.Fragment> </React.Fragment>
)} )}
@ -131,7 +131,7 @@ function DonateCard({ image }: DonateCardProps) {
<div> <div>
<Forms.FormTitle tag="h5">Support the Project</Forms.FormTitle> <Forms.FormTitle tag="h5">Support the Project</Forms.FormTitle>
<Forms.FormText> <Forms.FormText>
Please consider supporting the Development of Vencord by donating! Please consider supporting the development of Vencord by donating!
</Forms.FormText> </Forms.FormText>
<DonateButton style={{ transform: "translateX(-1em)" }} /> <DonateButton style={{ transform: "translateX(-1em)" }} />
</div> </div>