Backup_Repos/Prowlarr
1
0
Fork 0
mirror of https://github.com/Prowlarr/Prowlarr synced 2026-02-06 23:12:33 +01:00
Code Issues Projects Releases Wiki Activity

Add color to links in info inputs

Browse source
This commit is contained in:
Bogdan 2023-11-27 03:02:03 +02:00
parent 81e9c29d54
commit b66a85269f
2 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/Components/Form/InfoInput.css Normal file
View 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;
}
}
}

6
frontend/src/Components/Form/InfoInput.js
View file

@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
import React, { Component } from 'react';
import Alert from 'Components/Alert';
import { kinds } from 'Helpers/Props';
import styles from './InfoInput.css';
class InfoInput extends Component {
@ -12,7 +13,10 @@ class InfoInput extends Component {
const { value } = this.props;
return (
<Alert kind={kinds.INFO}>
<Alert
kind={kinds.INFO}
className={styles.message}
>
<span dangerouslySetInnerHTML={{ __html: value }} />
</Alert>
);