ux: add link to doc for Apprise settings

This commit is contained in:
bsourisse 2023-03-20 11:40:21 +01:00
parent 987b72e43e
commit 131cba8826
2 changed files with 12 additions and 1 deletions

View file

@ -5,6 +5,8 @@ import 'react-toastify/dist/ReactToastify.css';
import classes from '../UserSettings.module.css';
import { useState } from 'react';
import { SpinnerCircularFixed } from 'spinners-react';
import { IconExternalLink } from '@tabler/icons';
import Link from 'next/link';
//Components
import Error from '../../../Components/UI/Error/Error';
@ -147,7 +149,15 @@ export default function AppriseAlertSettings() {
{/* APPRISE ALERT */}
<div className={classes.containerSetting}>
<div className={classes.settingCategory}>
<h2>Apprise alert</h2>
<h2 style={{ alignSelf: 'baseline' }}>Apprise alert</h2>
<Link
style={{ alignSelf: 'baseline', marginLeft: '5px' }}
href='https://borgwarehouse.com/docs/user-manual/account/#apprise'
rel='noopener noreferrer'
target='_blank'
>
<IconExternalLink size={16} color='#6c737f' />
</Link>
</div>
<div className={classes.setting}>
<div className={classes.bwFormWrapper}>

View file

@ -34,6 +34,7 @@
.settingCategory {
max-width: 33.3333%;
width: 100%;
display: flex;
}
.settingCategory h2 {
color: #494b7a;