mirror of
https://github.com/Equicord/Equicord.git
synced 2025-06-13 00:23:02 -04:00
chore(pluginCards): warning to few plugins, change restart modal style & more (#88)
* add warning to plugins * update wording and restart button * update warning gif
This commit is contained in:
parent
5b79cf56c2
commit
f9c12779c8
12 changed files with 103 additions and 14 deletions
|
@ -414,14 +414,14 @@ export function openWarningModal(plugin: Plugin, pluginModalProps: ModalProps, o
|
|||
<Forms.FormSection>
|
||||
<Flex className="vc-warning-info">
|
||||
<img
|
||||
src="https://media.tenor.com/Y6DXKZiBCs8AAAAi/stavario-josefbenes.gif"
|
||||
src="https://media.tenor.com/hapjxf8y50YAAAAi/stop-sign.gif"
|
||||
alt="Warning"
|
||||
/>
|
||||
<Text className="text-normal">
|
||||
You are about to reset all settings for <strong>{plugin.name}</strong> to their default values.
|
||||
</Text>
|
||||
<Text className="text-danger">
|
||||
THIS ACTION IS IRREVERSIBLE
|
||||
<Text className="warning-text">
|
||||
THIS ACTION IS IRREVERSIBLE!
|
||||
</Text>
|
||||
<Text className="text-normal margin-bottom">
|
||||
If you are certain you want to proceed, click <strong>Confirm Reset</strong>. Otherwise, click <strong>Cancel</strong>.
|
||||
|
|
|
@ -70,7 +70,10 @@ function ReloadRequiredCard({ required, enabledPlugins, openDisablePluginsModal,
|
|||
<Forms.FormText className={cl("dep-text")}>
|
||||
Restart now to apply new plugins and their settings
|
||||
</Forms.FormText>
|
||||
<Button onClick={() => location.reload()}>
|
||||
<Button
|
||||
className="vc-restart-button"
|
||||
onClick={() => location.reload()}
|
||||
>
|
||||
Restart
|
||||
</Button>
|
||||
</>
|
||||
|
@ -400,14 +403,14 @@ export default function PluginSettings() {
|
|||
<Forms.FormSection>
|
||||
<Flex className="vc-warning-info">
|
||||
<img
|
||||
src="https://media.tenor.com/Y6DXKZiBCs8AAAAi/stavario-josefbenes.gif"
|
||||
src="https://media.tenor.com/hapjxf8y50YAAAAi/stop-sign.gif"
|
||||
alt="Warning"
|
||||
/>
|
||||
<Text className="warning-text">
|
||||
WARNING: You are about to disable <span>{enabledPlugins.length}</span> plugins!
|
||||
</Text>
|
||||
<Text className="warning-text">
|
||||
THIS ACTION IS IRREVERSIBLE
|
||||
THIS ACTION IS IRREVERSIBLE!
|
||||
</Text>
|
||||
<Text className="text-normal margin-bottom">
|
||||
Are you absolutely sure you want to proceed? You can always enable them back later.
|
||||
|
|
|
@ -75,19 +75,27 @@
|
|||
.vc-plugins-restart-card {
|
||||
padding: 1em;
|
||||
background: var(--info-warning-background);
|
||||
border: 1px solid var(--info-warning-foreground);
|
||||
border: inherit !important;
|
||||
color: var(--info-warning-text);
|
||||
}
|
||||
|
||||
.vc-plugins-restart-card button {
|
||||
margin-top: 0.5em;
|
||||
background: var(--info-warning-foreground) !important;
|
||||
}
|
||||
|
||||
.vc-plugins-info-button svg:not(:hover, :focus) {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.vc-restart-button {
|
||||
background-color: var(--background-color) !important;
|
||||
border: 1px solid var(--info-warning-foreground);
|
||||
}
|
||||
|
||||
.vc-restart-button:hover {
|
||||
background-color: var(--info-warning-foreground) !important;
|
||||
}
|
||||
|
||||
.vc-plugin-stats {
|
||||
background-color: var(--background-secondary-alt);
|
||||
border-radius: 8px;
|
||||
|
@ -221,8 +229,8 @@
|
|||
/* Specific to disable all modal */
|
||||
|
||||
.warning-text {
|
||||
color: var(--text-danger);
|
||||
font-size: 1.2rem;
|
||||
color: var(--text-danger) !important;
|
||||
font-size: 1.2rem !important;
|
||||
}
|
||||
|
||||
.warning-text span {
|
||||
|
|
|
@ -91,8 +91,8 @@ function EquicordSettings() {
|
|||
!IS_WEB && {
|
||||
key: "transparent",
|
||||
title: "Enable window transparency.",
|
||||
note: "You need a theme that supports transparency or this will do nothing. Requires a full restart",
|
||||
warning: { enabled: true, message: "This will stop the window from being resizable" }
|
||||
note: "You need a theme that supports transparency or this will do nothing. Requires a full restart!",
|
||||
warning: { enabled: true, message: "This will stop the window from being resizable." }
|
||||
},
|
||||
!IS_WEB && isWindows && {
|
||||
key: "winCtrlQ",
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue