components(PluginSettings): move css code to a file (#74)

* move disable all / reset all plugin options css to actual css files
This commit is contained in:
Creation's 2024-10-22 21:57:59 -04:00 committed by GitHub
parent 20996959ff
commit 2b3465b27d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 148 additions and 32 deletions

View file

@ -124,3 +124,66 @@
height: 100%;
margin: 0 10px;
}
/* disable all modal */
.button-danger-background {
background-color: var(--button-danger-background) !important;
margin: 20px 0;
}
.button-danger-background-no-margin {
background-color: var(--button-danger-background) !important;
color: var(--header-primary);
}
.button-danger-background:hover {
background-color: var(--button-danger-background-hover);
}
.alert-body {
text-align: center;
}
.alert-body img {
width: 60%;
height: auto;
display: block;
margin: auto auto 10px;
border-radius: 8px;
}
.alert-body p.warning-text {
font-size: 1.2rem;
color: var(--text-danger);
font-weight: bold;
}
.alert-body p {
font-size: 1rem;
}
.alert-body span {
text-decoration: underline;
}
.disable-warning {
font-size: 0.8rem;
background-color: transparent !important;
color: var(--text-danger) !important;
cursor: pointer;
margin: 0 auto;
width: fit-content;
text-decoration: underline;
transition: color 0.2s ease;
}
.disable-warning:hover {
color: var(--text-danger);
background-color: transparent;
opacity: 0.8;
}
.disable-warning:active {
background-color: transparent;
}