Extract inline styles to css (#370)

This commit is contained in:
A user 2023-01-02 22:30:54 -03:00 committed by GitHub
parent 2e5d27b6b6
commit 374531d10e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 121 additions and 114 deletions

View file

@ -18,6 +18,7 @@
import "./settingsStyles.css";
import { classNameFactory } from "@api/Styles";
import ErrorBoundary from "@components/ErrorBoundary";
import { findByCodeLazy } from "@webpack";
import { Forms, Router, Text } from "@webpack/common";
@ -28,7 +29,7 @@ import ThemesTab from "./ThemesTab";
import Updater from "./Updater";
import VencordSettings from "./VencordTab";
const st = (style: string) => `vcSettings${style}`;
const cl = classNameFactory("vc-settings-");
const TabBar = findByCodeLazy('[role="tab"][aria-disabled="false"]');
@ -62,7 +63,7 @@ function Settings(props: SettingsProps) {
<TabBar
type={TabBar.Types.TOP}
look={TabBar.Looks.BRAND}
className={st("TabBar")}
className={cl("tab-bar")}
selectedItem={tab}
onItemSelect={Router.open}
>
@ -70,7 +71,7 @@ function Settings(props: SettingsProps) {
if (!component) return null;
return <TabBar.Item
id={key}
className={st("TabBarItem")}
className={cl("tab-bar-item")}
key={key}>
{name}
</TabBar.Item>;