mirror of
https://github.com/Prowlarr/Prowlarr
synced 2026-05-08 12:43:19 +02:00
Add color to links in info inputs
This commit is contained in:
parent
81e9c29d54
commit
b66a85269f
2 changed files with 18 additions and 1 deletions
13
frontend/src/Components/Form/InfoInput.css
Normal file
13
frontend/src/Components/Form/InfoInput.css
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
.message {
|
||||||
|
composes: alert from '~Components/Alert.css';
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--linkColor);
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: var(--linkHoverColor);
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
|
||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
import Alert from 'Components/Alert';
|
import Alert from 'Components/Alert';
|
||||||
import { kinds } from 'Helpers/Props';
|
import { kinds } from 'Helpers/Props';
|
||||||
|
import styles from './InfoInput.css';
|
||||||
|
|
||||||
class InfoInput extends Component {
|
class InfoInput extends Component {
|
||||||
|
|
||||||
|
|
@ -12,7 +13,10 @@ class InfoInput extends Component {
|
||||||
const { value } = this.props;
|
const { value } = this.props;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Alert kind={kinds.INFO}>
|
<Alert
|
||||||
|
kind={kinds.INFO}
|
||||||
|
className={styles.message}
|
||||||
|
>
|
||||||
<span dangerouslySetInnerHTML={{ __html: value }} />
|
<span dangerouslySetInnerHTML={{ __html: value }} />
|
||||||
</Alert>
|
</Alert>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue