alt/zot-wo-auth
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed zot logo in UI

Browse Source 
Signed-off-by: Amelia-Maria Breda <ameliamaria.breda@dxc.com>
This commit is contained in:
Amelia-Maria Breda 2022-08-29 18:46:40 +03:00 committed by Raul Kele
parent 3e636be262
commit a94293874e
10 changed files with 60 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
package-lock.json generated
View File

@ -3291,6 +3291,34 @@
}
}
},
"node_modules/@mui/core": {
"version": "5.0.0-alpha.54",
"resolved": "https://registry.npmjs.org/@mui/core/-/core-5.0.0-alpha.54.tgz",
"integrity": "sha512-8TxdHqDdSb6wjhsnpE5n7qtkFKDG3PUSlVY0gR3VcdsHXscUY13l3VbMQW1brI4D/R9zx5VYmxIHWaHFgw4RtA==",
"deprecated": "You can now upgrade to @mui/base. See https://github.com/mui/material-ui/releases/tag/v5.1.1",
"dependencies": {
"@babel/runtime": "^7.16.0",
"@emotion/is-prop-valid": "^1.1.0",
"@mui/utils": "^5.1.0",
"@popperjs/core": "^2.4.4",
"clsx": "^1.1.1",
"prop-types": "^15.7.2",
"react-is": "^17.0.2"
},
"engines": {
"node": ">=12.0.0"
},
"peerDependencies": {
"@types/react": "^16.8.6 || ^17.0.0",
"react": "^17.0.2",
"react-dom": "^17.0.2"
},
"peerDependenciesMeta": {
"@types/react": {
"optional": true
}
}
},
"node_modules/@mui/icons-material": {
"version": "5.5.1",
"resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.5.1.tgz",
@ -9254,20 +9282,6 @@
"integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
"dev": true
},
"node_modules/fsevents": {
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
"dev": true,
"hasInstallScript": true,
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
}
},
"node_modules/function-bind": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
@ -23131,6 +23145,19 @@
"react-is": "^17.0.2"
}
},
"@mui/core": {
"version": "https://registry.npmjs.org/@mui/core/-/core-5.0.0-alpha.54.tgz",
"integrity": "sha512-8TxdHqDdSb6wjhsnpE5n7qtkFKDG3PUSlVY0gR3VcdsHXscUY13l3VbMQW1brI4D/R9zx5VYmxIHWaHFgw4RtA==",
"requires": {
"@babel/runtime": "^7.16.0",
"@emotion/is-prop-valid": "^1.1.0",
"@mui/utils": "^5.1.0",
"@popperjs/core": "^2.4.4",
"clsx": "^1.1.1",
"prop-types": "^15.7.2",
"react-is": "^17.0.2"
}
},
"@mui/icons-material": {
"version": "5.5.1",
"resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.5.1.tgz",
@ -27521,13 +27548,6 @@
"integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
"dev": true
},
"fsevents": {
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
"dev": true,
"optional": true
},
"function-bind": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",

2
package.json
View File

@ -29,7 +29,7 @@
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --detectOpenHandles",
"test:coverage" : "react-scripts test --coverage",
"test:coverage": "react-scripts test --coverage",
"eject": "react-scripts eject"
},
"eslintConfig": {

BIN
src/assets/Zot1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

6
src/assets/Zot1.svg Normal file
View File

@ -0,0 +1,6 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M29.6046 49.1571C19.5123 49.1571 8.66797 47.1782 8.66797 42.8246C8.66797 38.4711 19.5123 36.4922 29.6046 36.4922C39.697 36.4922 50.5413 38.4711 50.5413 42.8246C50.5809 47.1782 39.697 49.1571 29.6046 49.1571ZM29.6046 38.9856C24.4595 38.9856 19.631 39.5001 15.9899 40.45C12.0321 41.479 11.1614 42.5872 11.1614 42.8246C11.1614 43.0621 12.0321 44.1703 15.9899 45.1993C19.5915 46.1492 24.4595 46.6637 29.6046 46.6637C34.7498 46.6637 39.5783 46.1492 43.2194 45.1993C47.1772 44.1703 48.0479 43.0621 48.0479 42.8246C48.0479 42.5872 47.1772 41.479 43.2194 40.45C39.6178 39.5001 34.7498 38.9856 29.6046 38.9856Z" fill="white"/>
<path d="M29.6046 23.5477C19.5123 23.5477 8.66797 21.5688 8.66797 17.2153C8.66797 12.8617 19.5123 10.8828 29.6046 10.8828C39.697 10.8828 50.5413 12.8617 50.5413 17.2153C50.5809 21.5688 39.697 23.5477 29.6046 23.5477ZM29.6046 13.3762C24.4595 13.3762 19.631 13.8907 15.9899 14.8406C12.0321 15.8696 11.1614 16.9778 11.1614 17.2153C11.1614 17.4527 12.0321 18.5609 15.9899 19.5899C19.5915 20.5398 24.4595 21.0543 29.6046 21.0543C34.7498 21.0543 39.5783 20.5398 43.2194 19.5899C47.1772 18.5609 48.0479 17.4527 48.0479 17.2153C48.0479 16.9778 47.1772 15.8696 43.2194 14.8406C39.6178 13.8907 34.7498 13.3762 29.6046 13.3762Z" fill="white"/>
<path d="M47.0194 28.2188C32.7318 44.9602 23.8664 47.2557 21.8875 47.2557C21.7688 47.2557 11.1223 44.9206 11.0828 44.9206L10.7266 42.823C19.2358 41.9127 34.869 39.0631 47.0194 28.2188Z" fill="white"/>
<path d="M32.6133 34.5499C35.5816 33.1647 42.9431 26.3177 42.112 21.5684L50.542 17.2148C50.5816 28.4945 35.1067 33.2043 32.6133 34.5499Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
src/assets/Zot2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

6
src/assets/Zot2.svg Normal file
View File

@ -0,0 +1,6 @@
<svg width="1000" height="1000" viewBox="0 0 1000 1000" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M493.406 819.261C325.2 819.261 144.461 786.28 144.461 713.721C144.461 641.161 325.2 608.18 493.406 608.18C661.611 608.18 842.35 641.161 842.35 713.721C843.01 786.28 661.611 819.261 493.406 819.261ZM493.406 649.736C407.654 649.736 327.179 658.312 266.493 674.143C200.53 691.293 186.018 709.763 186.018 713.721C186.018 717.678 200.53 736.148 266.493 753.298C326.519 769.13 407.654 777.705 493.406 777.705C579.158 777.705 659.632 769.13 720.318 753.298C786.281 736.148 800.793 717.678 800.793 713.721C800.793 709.763 786.281 691.293 720.318 674.143C660.292 658.312 579.158 649.736 493.406 649.736Z" fill="#0F2139"/>
<path d="M493.406 392.48C325.2 392.48 144.461 359.499 144.461 286.939C144.461 214.38 325.2 181.398 493.406 181.398C661.611 181.398 842.35 214.38 842.35 286.939C843.01 359.499 661.611 392.48 493.406 392.48ZM493.406 222.955C407.654 222.955 327.179 231.53 266.493 247.361C200.53 264.512 186.018 282.982 186.018 286.939C186.018 290.897 200.53 309.367 266.493 326.517C326.519 342.348 407.654 350.924 493.406 350.924C579.158 350.924 659.632 342.348 720.318 326.517C786.281 309.367 800.793 290.897 800.793 286.939C800.793 282.982 786.281 264.512 720.318 247.361C660.292 231.53 579.158 222.955 493.406 222.955Z" fill="#0F2139"/>
<path d="M783.643 470.316C545.516 749.34 397.759 787.599 364.778 787.599C362.799 787.599 185.358 748.68 184.698 748.68L178.762 713.72C320.582 698.549 581.136 651.055 783.643 470.316Z" fill="#0F2139"/>
<path d="M543.535 575.858C593.007 552.771 715.699 438.654 701.846 359.499L842.348 286.939C843.007 474.934 585.092 553.43 543.535 575.858Z" fill="#0F2139"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

4
src/components/Header.jsx
View File

@ -9,7 +9,7 @@ import Avatar from '@mui/material/Avatar';
// styling
import makeStyles from '@mui/styles/makeStyles';
import logo from '../assets/zot_1T.png';
import logo from '../assets/Zot2.svg';
import placeholderProfileButton from '../assets/Profile_button_placeholder.svg';
@ -57,7 +57,7 @@ const useStyles = makeStyles((theme) => ({
logoWrapper: {
},
logo: {
height: 60,
height: 64,
width: 64,
},
userAvatar:{

2
src/components/Loading.jsx
View File

@ -1,6 +1,6 @@
import React from 'react';
import makeStyles from '@mui/styles/makeStyles';
import logo from "../assets/zot_1T.png";
import logo from "../assets/Zot2.svg";
const useStyles = makeStyles((theme) => ({
wrapper: {

6
src/components/SignInPresentation.jsx
View File

@ -1,7 +1,7 @@
import {Stack, Typography } from '@mui/material';
import {makeStyles} from '@mui/styles';
import React from 'react';
import logoWhite from '../assets/zot-white.png';
import logoWhite from '../assets/Zot1.png';
import loginDrawing from '../assets/login-drawing.svg';
import backgroundImage from '../assets/presentation-background.png';
@ -13,8 +13,8 @@ const useStyles = makeStyles(() => ({
alignItems:"center",
},
logo: {
maxHeight:128,
maxWidth: 138,
maxHeight:120,
maxWidth: 120,
marginTop:"17%"
},
loginDrawing: {

11
src/theme.js
View File

@ -1,11 +0,0 @@
import {createTheme} from '@mui/core'
import { adaptV4Theme } from '@mui/material/styles';
import {blue} from '@mui/core/colors'
export const theme = createTheme(adaptV4Theme({
palette: {
primary: {
main: blue[400],
}
}
}));