mirror of
https://github.com/Prowlarr/Prowlarr.git
synced 2025-09-17 17:14:18 +02:00
Add color to links in info inputs
This commit is contained in:
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>
|
||||||
);
|
);
|
||||||
|
Reference in New Issue
Block a user