diff options
author | Vendicated <vendicated@riseup.net> | 2023-04-08 23:28:12 +0200 |
---|---|---|
committer | Vendicated <vendicated@riseup.net> | 2023-04-08 23:28:12 +0200 |
commit | 840da146b968b4db7616f5528f1a2b0d24e9517a (patch) | |
tree | cd65c715e4cf81981cf08d510ba0d4f88fd4db95 /src/components/PluginSettings | |
parent | acc874c34fac42422fcaedb2345f56d1e2d5bd74 (diff) | |
download | Vencord-840da146b968b4db7616f5528f1a2b0d24e9517a.tar.gz Vencord-840da146b968b4db7616f5528f1a2b0d24e9517a.tar.bz2 Vencord-840da146b968b4db7616f5528f1a2b0d24e9517a.zip |
UX: Make possibly copy-relevant text in settings copyable
Diffstat (limited to 'src/components/PluginSettings')
-rw-r--r-- | src/components/PluginSettings/PluginModal.tsx | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/src/components/PluginSettings/PluginModal.tsx b/src/components/PluginSettings/PluginModal.tsx index 43e1d31..6240c17 100644 --- a/src/components/PluginSettings/PluginModal.tsx +++ b/src/components/PluginSettings/PluginModal.tsx @@ -20,7 +20,8 @@ import { generateId } from "@api/Commands"; import { useSettings } from "@api/settings"; import ErrorBoundary from "@components/ErrorBoundary"; import { Flex } from "@components/Flex"; -import { LazyComponent } from "@utils/misc"; +import { Margins } from "@utils/margins"; +import { classes, LazyComponent } from "@utils/misc"; import { ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalProps, ModalRoot, ModalSize } from "@utils/modal"; import { proxyLazy } from "@utils/proxyLazy"; import { OptionType, Plugin } from "@utils/types"; @@ -174,7 +175,7 @@ export default function PluginModal({ plugin, onRestartNeeded, onClose, transiti } return ( - <ModalRoot transitionState={transitionState} size={ModalSize.MEDIUM}> + <ModalRoot transitionState={transitionState} size={ModalSize.MEDIUM} className="vc-text-selectable"> <ModalHeader separator={false}> <Text variant="heading-lg/semibold" style={{ flexGrow: 1 }}>{plugin.name}</Text> <ModalCloseButton onClick={onClose} /> @@ -198,7 +199,7 @@ export default function PluginModal({ plugin, onRestartNeeded, onClose, transiti </div> </Forms.FormSection> {!!plugin.settingsAboutComponent && ( - <div style={{ marginBottom: 8 }}> + <div className={classes(Margins.bottom8, "vc-text-selectable")}> <Forms.FormSection> <ErrorBoundary message="An error occurred while rendering this plugin's custom InfoComponent"> <plugin.settingsAboutComponent tempSettings={tempSettings} /> |