diff --git a/frontend/assets/images/logo-color.svg b/frontend/assets/images/logo-color.svg new file mode 100644 index 0000000000..49871ee8fb --- /dev/null +++ b/frontend/assets/images/logo-color.svg @@ -0,0 +1,15 @@ + + + logo-color + + + + + + + + + + + + \ No newline at end of file diff --git a/frontend/assets/images/logo.svg b/frontend/assets/images/logo.svg index 6ab212f5ea..e9bc4dd6ba 100644 --- a/frontend/assets/images/logo.svg +++ b/frontend/assets/images/logo.svg @@ -2,7 +2,7 @@ logo -

- +

{this.state.app && ( diff --git a/frontend/src/Editor/Viewer.jsx b/frontend/src/Editor/Viewer.jsx index f4d80e0548..32802cc53d 100644 --- a/frontend/src/Editor/Viewer.jsx +++ b/frontend/src/Editor/Viewer.jsx @@ -153,7 +153,7 @@ class Viewer extends React.Component {

- +

{this.state.app && {this.state.app.name}} diff --git a/frontend/src/ForgotPassword/ForgotPasswordPage.jsx b/frontend/src/ForgotPassword/ForgotPasswordPage.jsx index e0693b17f1..7f0e04c6a6 100644 --- a/frontend/src/ForgotPassword/ForgotPasswordPage.jsx +++ b/frontend/src/ForgotPassword/ForgotPasswordPage.jsx @@ -26,7 +26,7 @@ class ForgotPassword extends React.Component { handleClick = (event) => { event.preventDefault(); - if(!validateEmail(this.state.email)) { + if (!validateEmail(this.state.email)) { toast.error('Invalid email', { toastId: 'toast-forgot-password-email-error' }); return } @@ -65,7 +65,7 @@ class ForgotPassword extends React.Component {
- +
diff --git a/frontend/src/HomePage/Folders.jsx b/frontend/src/HomePage/Folders.jsx index 68c2fff355..e44bc01eed 100644 --- a/frontend/src/HomePage/Folders.jsx +++ b/frontend/src/HomePage/Folders.jsx @@ -70,14 +70,13 @@ export const Folders = function Folders({ {!isLoading && (
handleFolderChange({})} > All applications - + {totalCount} @@ -85,9 +84,8 @@ export const Folders = function Folders({ {folders.map((folder, index) => ( handleFolderChange(folder)} > {folder.name} diff --git a/frontend/src/InvitationPage/InvitationPage.jsx b/frontend/src/InvitationPage/InvitationPage.jsx index 5a82a36e84..5b29631b36 100644 --- a/frontend/src/InvitationPage/InvitationPage.jsx +++ b/frontend/src/InvitationPage/InvitationPage.jsx @@ -24,13 +24,13 @@ class InvitationPage extends React.Component { const { password, organization, newSignup, firstName, lastName, password_confirmation } = this.state; this.setState({ isLoading: true }); - if(!password || !password_confirmation || !password.trim() || !password_confirmation.trim()) { + if (!password || !password_confirmation || !password.trim() || !password_confirmation.trim()) { this.setState({ isLoading: false }); toast.error("Password shouldn't be empty or contain white space(s)", { hideProgressBar: true, position: 'top-center' }); return; } - if(password !== password_confirmation) { + if (password !== password_confirmation) { this.setState({ isLoading: false }); toast.error("Passwords don't match", { hideProgressBar: true, position: 'top-center' }); return; @@ -57,7 +57,7 @@ class InvitationPage extends React.Component {
diff --git a/frontend/src/LoginPage/LoginPage.jsx b/frontend/src/LoginPage/LoginPage.jsx index 676c1491ed..a24f22ff81 100644 --- a/frontend/src/LoginPage/LoginPage.jsx +++ b/frontend/src/LoginPage/LoginPage.jsx @@ -74,7 +74,7 @@ class LoginPage extends React.Component {
diff --git a/frontend/src/SignupPage/SignupPage.jsx b/frontend/src/SignupPage/SignupPage.jsx index 6fececf66b..13b6b0cadb 100644 --- a/frontend/src/SignupPage/SignupPage.jsx +++ b/frontend/src/SignupPage/SignupPage.jsx @@ -24,7 +24,7 @@ class SignupPage extends React.Component { const { email } = this.state; - if(!validateEmail(email)) { + if (!validateEmail(email)) { toast.error('Invalid email', { toastId: 'toast-login-auth-error', hideProgressBar: true, @@ -55,7 +55,7 @@ class SignupPage extends React.Component {
diff --git a/frontend/src/_components/Header.jsx b/frontend/src/_components/Header.jsx index c5445dd14d..b5bc42aee4 100644 --- a/frontend/src/_components/Header.jsx +++ b/frontend/src/_components/Header.jsx @@ -24,7 +24,7 @@ export const Header = function Header({ switchDarkMode, darkMode }) {

- +

@@ -41,7 +41,7 @@ export const Header = function Header({ switchDarkMode, darkMode }) { data-testid="userAvatarHeader" >
- + {first_name ? first_name[0] : ''} {last_name ? last_name[0] : ''} diff --git a/frontend/src/_styles/theme.scss b/frontend/src/_styles/theme.scss index 2c5c3c66f1..275cfa8e93 100644 --- a/frontend/src/_styles/theme.scss +++ b/frontend/src/_styles/theme.scss @@ -1007,8 +1007,8 @@ body { } .btn-primary { - --tblr-btn-color: 60, 146, 220; - --tblr-btn-color-darker: 60, 133, 200; + --tblr-btn-color: 77, 114, 250; + --tblr-btn-color-darker: 77, 94, 240; border-color: none; } @@ -2583,7 +2583,7 @@ input[type='text'] { } .navbar-brand-image { - height: 1.6rem; + height: 1.2rem; } .nav-tabs .nav-link.active {