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

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

View File

@@ -150,7 +150,7 @@ const UserGeneralSettings: React.FC = () => {
{intl.formatMessage(messages.displayName)}
</label>
<div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm">
<div className="form-input-field">
<Field
id="displayName"
name="displayName"
@@ -187,7 +187,7 @@ const UserGeneralSettings: React.FC = () => {
</span>
</label>
<div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm">
<div className="form-input-field">
<Field
as="select"
id="originalLanguage"

View File

@@ -144,7 +144,7 @@ const UserNotificationSettings: React.FC = () => {
</span>
</label>
<div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm">
<div className="form-input-field">
<Field id="discordId" name="discordId" type="text" />
</div>
{errors.discordId && touched.discordId && (
@@ -203,7 +203,7 @@ const UserNotificationSettings: React.FC = () => {
</span>
</label>
<div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm">
<div className="form-input-field">
<Field
id="telegramChatId"
name="telegramChatId"

View File

@@ -148,7 +148,7 @@ const UserPasswordChange: React.FC = () => {
{intl.formatMessage(messages.currentpassword)}
</label>
<div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm">
<div className="form-input-field">
<Field
id="currentPassword"
name="currentPassword"
@@ -166,7 +166,7 @@ const UserPasswordChange: React.FC = () => {
{intl.formatMessage(messages.newpassword)}
</label>
<div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm">
<div className="form-input-field">
<Field id="newPassword" name="newPassword" type="text" />
</div>
{errors.newPassword && touched.newPassword && (
@@ -179,7 +179,7 @@ const UserPasswordChange: React.FC = () => {
{intl.formatMessage(messages.confirmpassword)}
</label>
<div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm">
<div className="form-input-field">
<Field
id="confirmPassword"
name="confirmPassword"