shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor(css): add new global classes & card border hover styling (#1156)

Browse Source
This commit is contained in:
TheCatLady
2021-03-11 21:25:46 -05:00
committed by GitHub
parent 71773c91c6
commit 1be97fe7fb
31 changed files with 165 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Settings/Notifications/NotificationsEmail.tsx
View File

@@ -152,7 +152,7 @@ const NotificationsEmail: React.FC = () => {
{intl.formatMessage(messages.emailsender)}
</label>
<div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm">
<div className="form-input-field">
<Field
id="emailFrom"
name="emailFrom"
@@ -170,7 +170,7 @@ const NotificationsEmail: React.FC = () => {
{intl.formatMessage(messages.senderName)}
</label>
<div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm">
<div className="form-input-field">
<Field
id="senderName"
name="senderName"
@@ -185,7 +185,7 @@ const NotificationsEmail: React.FC = () => {
{intl.formatMessage(messages.smtpHost)}
</label>
<div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm">
<div className="form-input-field">
<Field
id="smtpHost"
name="smtpHost"
@@ -203,15 +203,13 @@ const NotificationsEmail: React.FC = () => {
{intl.formatMessage(messages.smtpPort)}
</label>
<div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm sm:max-w-xs">
<Field
id="smtpPort"
name="smtpPort"
type="text"
placeholder="465"
className="short"
/>
</div>
<Field
id="smtpPort"
name="smtpPort"
type="text"
placeholder="465"
className="short"
/>
{errors.smtpPort && touched.smtpPort && (
<div className="error">{errors.smtpPort}</div>
)}
@@ -245,7 +243,7 @@ const NotificationsEmail: React.FC = () => {
{intl.formatMessage(messages.authUser)}
</label>
<div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm">
<div className="form-input-field">
<Field id="authUser" name="authUser" type="text" />
</div>
</div>
@@ -255,7 +253,7 @@ const NotificationsEmail: React.FC = () => {
{intl.formatMessage(messages.authPass)}
</label>
<div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm">
<div className="form-input-field">
<Field
id="authPass"
name="authPass"