fix(css): rename form-input to form-input-area (#2613)

This commit is contained in:
TheCatLady
2022-03-14 03:24:39 -04:00
committed by GitHub
parent 1f964b576a
commit 086f0b6ce2
29 changed files with 130 additions and 130 deletions

View File

@@ -158,7 +158,7 @@ const NotificationsDiscord: React.FC = () => {
{intl.formatMessage(messages.agentenabled)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<Field type="checkbox" id="enabled" name="enabled" />
</div>
</div>
@@ -183,7 +183,7 @@ const NotificationsDiscord: React.FC = () => {
})}
</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field
id="webhookUrl"
@@ -201,7 +201,7 @@ const NotificationsDiscord: React.FC = () => {
<label htmlFor="botUsername" className="text-label">
{intl.formatMessage(messages.botUsername)}
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field
id="botUsername"
@@ -219,7 +219,7 @@ const NotificationsDiscord: React.FC = () => {
<label htmlFor="botAvatarUrl" className="text-label">
{intl.formatMessage(messages.botAvatarUrl)}
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field
id="botAvatarUrl"
@@ -237,7 +237,7 @@ const NotificationsDiscord: React.FC = () => {
<label htmlFor="enableMentions" className="checkbox-label">
{intl.formatMessage(messages.enableMentions)}
</label>
<div className="form-input">
<div className="form-input-area">
<Field
type="checkbox"
id="enableMentions"

View File

@@ -237,7 +237,7 @@ const NotificationsEmail: React.FC = () => {
{intl.formatMessage(messages.agentenabled)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<Field type="checkbox" id="enabled" name="enabled" />
</div>
</div>
@@ -245,7 +245,7 @@ const NotificationsEmail: React.FC = () => {
<label htmlFor="senderName" className="text-label">
{intl.formatMessage(messages.senderName)}
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field id="senderName" name="senderName" type="text" />
</div>
@@ -256,7 +256,7 @@ const NotificationsEmail: React.FC = () => {
{intl.formatMessage(messages.emailsender)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field
id="emailFrom"
@@ -275,7 +275,7 @@ const NotificationsEmail: React.FC = () => {
{intl.formatMessage(messages.smtpHost)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field
id="smtpHost"
@@ -294,7 +294,7 @@ const NotificationsEmail: React.FC = () => {
{intl.formatMessage(messages.smtpPort)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<Field
id="smtpPort"
name="smtpPort"
@@ -315,7 +315,7 @@ const NotificationsEmail: React.FC = () => {
{intl.formatMessage(messages.encryptionTip)}
</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field as="select" id="encryption" name="encryption">
<option value="none">
@@ -338,7 +338,7 @@ const NotificationsEmail: React.FC = () => {
<label htmlFor="allowSelfSigned" className="checkbox-label">
{intl.formatMessage(messages.allowselfsigned)}
</label>
<div className="form-input">
<div className="form-input-area">
<Field
type="checkbox"
id="allowSelfSigned"
@@ -350,7 +350,7 @@ const NotificationsEmail: React.FC = () => {
<label htmlFor="authUser" className="text-label">
{intl.formatMessage(messages.authUser)}
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field id="authUser" name="authUser" type="text" />
</div>
@@ -360,7 +360,7 @@ const NotificationsEmail: React.FC = () => {
<label htmlFor="authPass" className="text-label">
{intl.formatMessage(messages.authPass)}
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<SensitiveInput
as="field"
@@ -385,7 +385,7 @@ const NotificationsEmail: React.FC = () => {
})}
</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<SensitiveInput
as="field"
@@ -415,7 +415,7 @@ const NotificationsEmail: React.FC = () => {
})}
</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<SensitiveInput
as="field"

View File

@@ -160,7 +160,7 @@ const NotificationsGotify: React.FC = () => {
{intl.formatMessage(messages.agentenabled)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<Field type="checkbox" id="enabled" name="enabled" />
</div>
</div>
@@ -169,7 +169,7 @@ const NotificationsGotify: React.FC = () => {
{intl.formatMessage(messages.url)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field id="url" name="url" type="text" />
</div>
@@ -183,7 +183,7 @@ const NotificationsGotify: React.FC = () => {
{intl.formatMessage(messages.token)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field id="token" name="token" type="text" />
</div>

View File

@@ -145,7 +145,7 @@ const NotificationsLunaSea: React.FC = () => {
{intl.formatMessage(messages.agentenabled)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<Field type="checkbox" id="enabled" name="enabled" />
</div>
</div>
@@ -170,7 +170,7 @@ const NotificationsLunaSea: React.FC = () => {
})}
</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field
id="webhookUrl"
@@ -195,7 +195,7 @@ const NotificationsLunaSea: React.FC = () => {
})}
</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field id="profileName" name="profileName" type="text" />
</div>

View File

@@ -144,7 +144,7 @@ const NotificationsPushbullet: React.FC = () => {
{intl.formatMessage(messages.agentEnabled)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<Field type="checkbox" id="enabled" name="enabled" />
</div>
</div>
@@ -171,7 +171,7 @@ const NotificationsPushbullet: React.FC = () => {
})}
</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<SensitiveInput
as="field"
@@ -189,7 +189,7 @@ const NotificationsPushbullet: React.FC = () => {
<label htmlFor="channelTag" className="text-label">
{intl.formatMessage(messages.channelTag)}
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field id="channelTag" name="channelTag" type="text" />
</div>

View File

@@ -162,7 +162,7 @@ const NotificationsPushover: React.FC = () => {
{intl.formatMessage(messages.agentenabled)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<Field type="checkbox" id="enabled" name="enabled" />
</div>
</div>
@@ -188,7 +188,7 @@ const NotificationsPushover: React.FC = () => {
})}
</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field id="accessToken" name="accessToken" type="text" />
</div>
@@ -218,7 +218,7 @@ const NotificationsPushover: React.FC = () => {
})}
</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field id="userToken" name="userToken" type="text" />
</div>

View File

@@ -140,7 +140,7 @@ const NotificationsSlack: React.FC = () => {
{intl.formatMessage(messages.agentenabled)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<Field type="checkbox" id="enabled" name="enabled" />
</div>
</div>
@@ -165,7 +165,7 @@ const NotificationsSlack: React.FC = () => {
})}
</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field
id="webhookUrl"

View File

@@ -169,7 +169,7 @@ const NotificationsTelegram: React.FC = () => {
{intl.formatMessage(messages.agentenabled)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<Field type="checkbox" id="enabled" name="enabled" />
</div>
</div>
@@ -209,7 +209,7 @@ const NotificationsTelegram: React.FC = () => {
})}
</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<SensitiveInput
as="field"
@@ -230,7 +230,7 @@ const NotificationsTelegram: React.FC = () => {
{intl.formatMessage(messages.botUsernameTip)}
</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field id="botUsername" name="botUsername" type="text" />
</div>
@@ -262,7 +262,7 @@ const NotificationsTelegram: React.FC = () => {
})}
</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field id="chatId" name="chatId" type="text" />
</div>
@@ -278,7 +278,7 @@ const NotificationsTelegram: React.FC = () => {
{intl.formatMessage(messages.sendSilentlyTip)}
</span>
</label>
<div className="form-input">
<div className="form-input-area">
<Field type="checkbox" id="sendSilently" name="sendSilently" />
</div>
</div>

View File

@@ -120,7 +120,7 @@ const NotificationsWebPush: React.FC = () => {
{intl.formatMessage(messages.agentenabled)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<Field type="checkbox" id="enabled" name="enabled" />
</div>
</div>

View File

@@ -226,7 +226,7 @@ const NotificationsWebhook: React.FC = () => {
{intl.formatMessage(messages.agentenabled)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<Field type="checkbox" id="enabled" name="enabled" />
</div>
</div>
@@ -235,7 +235,7 @@ const NotificationsWebhook: React.FC = () => {
{intl.formatMessage(messages.webhookUrl)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field
id="webhookUrl"
@@ -253,7 +253,7 @@ const NotificationsWebhook: React.FC = () => {
<label htmlFor="authHeader" className="text-label">
{intl.formatMessage(messages.authheader)}
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<Field id="authHeader" name="authHeader" type="text" />
</div>
@@ -264,7 +264,7 @@ const NotificationsWebhook: React.FC = () => {
{intl.formatMessage(messages.customJson)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-area">
<div className="form-input-field">
<JSONEditor
name="webhook-json-payload"