Skip to content

Commit

Permalink
Logo and some small style change (#253)
Browse files Browse the repository at this point in the history 
* Logo and some small style change

* Change background
  • Loading branch information
@himanshu-dixit
himanshu-dixit committed Aug 1, 2022
1 parent a04a512 commit 820be33
Show file tree
Hide file tree
Showing 14 changed files with 68 additions and 4,000 deletions.
Binary file modified packages/crusher-app/public/assets/img/favicon.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2,102 changes: 0 additions & 2,102 deletions packages/crusher-app/public/lotties/email.json
View file

This file was deleted.

1,825 changes: 0 additions & 1,825 deletions packages/crusher-app/public/lotties/empty.json
View file

This file was deleted.

2 changes: 1 addition & 1 deletion packages/crusher-app/src/ui/containers/testReport/testList.tsx
View file
Expand Up @@ -1263,7 +1263,7 @@ const containerCSS = css`
`;

const stickyBar = css`
background: #0d0e11;
background: #0C0C0D;
border: 1px solid #171c24;
box-sizing: border-box;
height: 70rem;
Expand Down
6 changes: 3 additions & 3 deletions packages/crusher-app/src/ui/layout/CrusherBase.tsx
View file
Expand Up @@ -4,10 +4,10 @@ import React from "react";
import { BlankBase } from "dyson/src/components/layouts";

const backgroundForBase = css`
background: url("/assets/img/background/dark_pattern.png"), linear-gradient(180deg, #101215 0%, #090a0c 105.81%), linear-gradient(0deg, #0e0e11, #0e0e11),
linear-gradient(0deg, #0a0b0d, #0a0b0d), #101215;
// background: url("/assets/img/background/dark_pattern.png"), linear-gradient(180deg, #101215 0%, #090a0c 105.81%), linear-gradient(0deg, #0e0e11, #0e0e11),
// linear-gradient(0deg, #0a0b0d, #0a0b0d), #101215;
//background: linear-gradient(180deg, #101215 0%, #090A0C 105.81%), linear-gradient(0deg, #0E0E11, #0E0E11), linear-gradient(0deg, #0A0B0D, #0A0B0D), #101215;
background: #0c0e10;
background: #0C0C0D;
color: #cfd0d0;
background-position: center top;
background-repeat: repeat;
Expand Down
3 changes: 2 additions & 1 deletion packages/crusher-app/src/ui/layout/LoadingScreen.tsx
View file
Expand Up @@ -8,6 +8,7 @@ import CrusherBase from "../layout/CrusherBase";

const logoStyle = css`
//box-shadow: 0 0 22px 12px rgb(153 136 255 / 6%);
zoom: 1.3;
animation: logo-animation 0.6s alternate infinite cubic-bezier(0, 0, 1, 0.32);
`;

Expand All @@ -18,7 +19,7 @@ export const LoadingScreen = () => {
<CenterLayout className={"pb-100"}>
<div className="flex flex-col justify-center items-center">
<Logo showOnlyIcon={true} height={"36rem"} css={logoStyle} />
<span className={"mt-30 text-14 font-content font-500"}>Firing up all the boosters</span>
<span className={"mt-16 text-14 font-content font-500"} css={css`letter-spacing: .3px;`}>Firing up all the boosters</span>
</div>
</CenterLayout>
</CrusherBase>
Expand Down
2 changes: 1 addition & 1 deletion packages/crusher-app/src_ee/ui/containers/auth/forget.tsx
View file
Expand Up @@ -216,7 +216,7 @@ const helpCSS = css`
`;
const containerCSS = css(`
height: 100vh;
background: #0D0E11;
background: #0C0C0D;
width: 100vw;
`);

Expand Down
2 changes: 1 addition & 1 deletion packages/crusher-app/src_ee/ui/containers/auth/login.tsx
View file
Expand Up @@ -157,7 +157,7 @@ const helpCSS = css`
`;
const containerCSS = css(`
height: 100vh;
background: #0D0E11;
background: #0C0C0D;
width: 100vw;
`);

Expand Down
2 changes: 1 addition & 1 deletion packages/crusher-app/src_ee/ui/containers/auth/login_email.tsx
View file
Expand Up @@ -220,7 +220,7 @@ export default function EmailLogin({ goBackHandler }) {

const containerCSS = css(`
height: 100vh;
background: #0D0E11;
background: #0C0C0D;
width: 100vw;
`);

Expand Down
2 changes: 1 addition & 1 deletion packages/crusher-app/src_ee/ui/containers/auth/opendash.tsx
View file
Expand Up @@ -35,7 +35,7 @@ export default function Learn() {
<div
css={css(`
height: 100vh;
background: #0D0E11;
background: #0C0C0D;
width: 100vw;
`)}
>
Expand Down
2 changes: 1 addition & 1 deletion packages/crusher-app/src_ee/ui/containers/auth/reset_password.tsx
View file
Expand Up @@ -253,7 +253,7 @@ const helpCSS = css`
`;
const containerCSS = css(`
height: 100vh;
background: #0D0E11;
background: #0C0C0D;
width: 100vw;
`);

Expand Down
4 changes: 2 additions & 2 deletions packages/crusher-app/src_ee/ui/containers/auth/signup.tsx
View file
Expand Up @@ -45,7 +45,7 @@
// <div
// css={css(`
// height: 100vh;
// background: #0D0E11;
// background: #0C0C0D;
// width: 100vw;
// `)}
// >
Expand Down Expand Up @@ -302,7 +302,7 @@ const helpCSS = css`
`;
const containerCSS = css(`
height: 100vh;
background: #0D0E11;
background: #0C0C0D;
width: 100vw;
`);

Expand Down
2 changes: 1 addition & 1 deletion packages/crusher-app/src_ee/ui/containers/auth/signup_email.tsx
View file
Expand Up @@ -207,7 +207,7 @@ const helpCSS = css`
`;
const containerCSS = css(`
height: 100vh;
background: #0D0E11;
background: #0C0C0D;
width: 100vw;
`);

Expand Down
114 changes: 54 additions & 60 deletions packages/dyson/src/components/atoms/logo/Logo.tsx
View file
Expand Up @@ -23,68 +23,62 @@ const LogoDefaultProps = {
};

/**
* Crusher Text component.
* Crusher Logo component
*/
export const Logo: React.FC<LogoProps> = ({ showOnlyIcon, isMonochrome, height, ...props }) => {
export const Logo: React.FC<LogoProps> = ({ showOnlyIcon=false, isMonochrome, height=23, ...props }) => {

return (
<svg width="110" height="23" viewBox="0 0 110 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M46.701 9.28815C45.8685 8.26268 44.8402 7.74995 43.616 7.74995C43.0773 7.74995 42.5754 7.84879 42.1102 8.04647C41.6573 8.24415 41.2655 8.51596 40.935 8.8619C40.6044 9.19549 40.3412 9.59702 40.1454 10.0665C39.9617 10.536 39.8699 11.0426 39.8699 11.5862C39.8699 12.1422 39.9617 12.6549 40.1454 13.1244C40.3412 13.5939 40.6044 14.0016 40.935 14.3475C41.2778 14.6935 41.6756 14.9653 42.1286 15.163C42.5815 15.3606 43.0712 15.4595 43.5976 15.4595C44.7484 15.4595 45.7828 14.9653 46.701 13.9769V18.2764L46.3337 18.4062C45.7828 18.6038 45.2687 18.7459 44.7912 18.8324C44.3138 18.9313 43.8425 18.9807 43.3773 18.9807C42.4224 18.9807 41.5042 18.8015 40.6228 18.4432C39.7536 18.0726 38.9824 17.5598 38.309 16.905C37.648 16.2379 37.1154 15.4533 36.7115 14.5514C36.3075 13.6371 36.1055 12.6425 36.1055 11.5677C36.1055 10.4928 36.3013 9.51054 36.6931 8.62098C37.0971 7.71906 37.6296 6.94687 38.2907 6.30441C38.964 5.64959 39.7414 5.14304 40.6228 4.78474C41.5042 4.41409 42.4285 4.22876 43.3956 4.22876C43.9465 4.22876 44.4852 4.29054 45.0116 4.41409C45.5502 4.52528 46.1134 4.70443 46.701 4.95153V9.28815Z"
fill="white"
/>
<path
d="M48.6657 9.08429H51.9894V10.641C52.3445 10.0727 52.779 9.64027 53.2932 9.34375C53.8074 9.03487 54.4072 8.88043 55.0928 8.88043C55.1785 8.88043 55.2703 8.88043 55.3682 8.88043C55.4784 8.88043 55.6008 8.89279 55.7355 8.9175V12.1236C55.2948 11.9012 54.8174 11.79 54.3032 11.79C53.5319 11.79 52.9504 12.0248 52.5587 12.4943C52.1792 12.9514 51.9894 13.6248 51.9894 14.5143V18.5915H48.6657V9.08429Z"
fill="white"
/>
<path
d="M60.5434 9.08429V14.4402C60.5434 15.6139 61.1065 16.2008 62.2328 16.2008C63.359 16.2008 63.9222 15.6139 63.9222 14.4402V9.08429H67.2459V15.0888C67.2459 16.3738 66.8235 17.3375 65.9788 17.9799C65.1464 18.6224 63.8977 18.9436 62.2328 18.9436C60.5678 18.9436 59.313 18.6224 58.4683 17.9799C57.6359 17.3375 57.2196 16.3738 57.2196 15.0888V9.08429H60.5434Z"
fill="white"
/>
<path
d="M75.747 11.5306C75.1349 11.2094 74.535 11.0487 73.9474 11.0487C73.6414 11.0487 73.3904 11.1105 73.1945 11.2341C73.0109 11.3576 72.9191 11.5244 72.9191 11.7344C72.9191 11.8456 72.9313 11.9383 72.9558 12.0124C72.9925 12.0742 73.0599 12.136 73.1578 12.1978C73.268 12.2595 73.421 12.3151 73.6169 12.3646C73.825 12.414 74.0943 12.4757 74.4249 12.5499C75.343 12.7352 76.0286 13.0688 76.4815 13.5506C76.9345 14.0201 77.161 14.6255 77.161 15.3668C77.161 15.9228 77.0508 16.4232 76.8304 16.868C76.6101 17.3127 76.304 17.6896 75.9123 17.9984C75.5205 18.295 75.0492 18.5235 74.4983 18.6842C73.9474 18.8571 73.3414 18.9436 72.6804 18.9436C71.4072 18.9436 70.1524 18.5791 68.9159 17.8502L70.1279 15.478C71.0583 16.1205 71.9397 16.4417 72.7722 16.4417C73.0782 16.4417 73.3292 16.3738 73.5251 16.2379C73.721 16.1019 73.8189 15.929 73.8189 15.7189C73.8189 15.5954 73.8005 15.4966 73.7638 15.4224C73.7393 15.3359 73.6781 15.2618 73.5802 15.2C73.4822 15.1259 73.3353 15.0641 73.1395 15.0147C72.9558 14.9529 72.711 14.8912 72.4049 14.8294C71.3766 14.6193 70.6543 14.3105 70.2381 13.9028C69.8341 13.4827 69.6321 12.9082 69.6321 12.1792C69.6321 11.648 69.73 11.1723 69.9259 10.7522C70.1218 10.3198 70.4033 9.95532 70.7706 9.6588C71.1379 9.36228 71.5786 9.13371 72.0928 8.97309C72.6192 8.81248 73.2007 8.73217 73.8373 8.73217C74.8778 8.73217 75.8878 8.93603 76.8672 9.34375L75.747 11.5306Z"
fill="white"
/>
<path
d="M78.8465 3.20947H82.1702V10.2889C82.6232 9.73293 83.0823 9.36228 83.5475 9.17695C84.0127 8.97927 84.5574 8.88043 85.1818 8.88043C86.3693 8.88043 87.2629 9.21402 87.8628 9.88119C88.4749 10.536 88.781 11.4256 88.781 12.5499V18.5915H85.4572V13.7916C85.4572 13.3097 85.4205 12.9205 85.3471 12.624C85.2736 12.3275 85.1512 12.0989 84.9798 11.9383C84.686 11.6788 84.331 11.5491 83.9147 11.5491C83.3516 11.5491 82.917 11.7221 82.611 12.068C82.3171 12.4016 82.1702 12.8835 82.1702 13.5136V18.5915H78.8465V3.20947Z"
fill="white"
/>
<path
d="M97.9269 12.4572C97.8168 11.9877 97.5903 11.6109 97.2475 11.3267C96.9047 11.0426 96.4885 10.9005 95.9988 10.9005C95.4847 10.9005 95.0623 11.0364 94.7318 11.3082C94.4135 11.58 94.2115 11.963 94.1258 12.4572H97.9269ZM94.034 14.4031C94.034 15.8487 94.7073 16.5714 96.0539 16.5714C96.7762 16.5714 97.321 16.2749 97.6882 15.6819H100.902C100.253 17.8564 98.6309 18.9436 96.0355 18.9436C95.2398 18.9436 94.5114 18.8262 93.8503 18.5915C93.1893 18.3444 92.62 17.9984 92.1426 17.5537C91.6774 17.1089 91.3162 16.5776 91.0591 15.9599C90.8021 15.3421 90.6735 14.6502 90.6735 13.8842C90.6735 13.0935 90.7959 12.3831 91.0408 11.753C91.2856 11.1105 91.6345 10.5669 92.0875 10.1221C92.5404 9.67733 93.0852 9.33757 93.7218 9.10282C94.3706 8.85572 95.099 8.73217 95.907 8.73217C96.7027 8.73217 97.4189 8.85572 98.0555 9.10282C98.6921 9.33757 99.2307 9.68351 99.6715 10.1406C100.112 10.5978 100.449 11.1599 100.681 11.8271C100.914 12.4819 101.03 13.2232 101.03 14.051V14.4031H94.034Z"
fill="white"
/>
<path
d="M102.93 9.08429H106.254V10.641C106.609 10.0727 107.044 9.64027 107.558 9.34375C108.072 9.03487 108.672 8.88043 109.357 8.88043C109.443 8.88043 109.535 8.88043 109.633 8.88043C109.743 8.88043 109.865 8.89279 110 8.9175V12.1236C109.559 11.9012 109.082 11.79 108.568 11.79C107.796 11.79 107.215 12.0248 106.823 12.4943C106.444 12.9514 106.254 13.6248 106.254 14.5143V18.5915H102.93V9.08429Z"
fill="white"
/>
<path
d="M5.18252 6.16113C4.76597 6.16113 4.48828 6.44062 4.48828 6.85988V12.45C4.48828 12.8692 4.76597 13.1487 5.18252 13.1487H6.57103V6.16113H5.18252Z"
fill="white"
/>
<path d="M6.57031 6.16064V13.1482L9.31712 12.4495V6.85939L6.57031 6.16064Z" fill="white" />
<path d="M15.5229 17.3408H11.3574V22.9998H15.5229V17.3408Z" fill="white" />
<path
d="M21.0073 14.0566C20.8685 9.44481 18.1609 6.16064 14.8285 6.16064H11.9126L9.96875 6.85939V12.4495L11.149 13.6374C11.2878 13.7771 11.3573 13.9168 11.3573 14.1265V16.642H15.5228V13.9867C15.5228 13.9168 15.5228 13.7771 15.5922 13.7072L16.0087 12.8687C16.1476 12.5892 16.3559 12.4495 16.6335 12.4495C18.1609 12.5193 19.6188 13.0783 20.7296 14.1963C20.799 14.406 21.0767 14.2662 21.0073 14.0566Z"
fill="white"
/>
<rect width="22.8513" height="22.9997" rx="3" fill="url(#paint0_linear_833_383)" />
<path
d="M3.82314 6.16113C3.4066 6.16113 3.12891 6.44062 3.12891 6.85988V12.45C3.12891 12.8692 3.4066 13.1487 3.82314 13.1487H5.21165V6.16113H3.82314Z"
fill="white"
/>
<path d="M5.21094 6.16064V13.1482L7.95774 12.4495V6.85939L5.21094 6.16064Z" fill="white" />
<path d="M14.164 16.8394H9.92969V23H14.164V16.8394Z" fill="white" />
<path
d="M19.6499 14.0566C19.511 9.44481 16.8035 6.16064 13.4711 6.16064H10.5552L8.61133 6.85939V12.4495L9.79156 13.6374C9.93042 13.7771 9.99984 13.9168 9.99984 14.1265V16.642H14.1653V13.9867C14.1653 13.9168 14.1653 13.7771 14.2347 13.7072L14.6513 12.8687C14.7902 12.5892 14.9984 12.4495 15.2761 12.4495C16.8035 12.5193 18.2614 13.0783 19.3722 14.1963C19.5203 14.3748 19.6499 14.2768 19.6499 14.0566Z"
fill="white"
/>
<defs>
<linearGradient id="paint0_linear_833_383" x1="11.4256" y1="0" x2="11.4256" y2="22.9997" gradientUnits="userSpaceOnUse">
<stop stopColor="#9261FF" />
<stop offset="1" stopColor="#5F6FFF" />
</linearGradient>
</defs>
</svg>
);
<svg
width={showOnlyIcon ? (height) : (113)}
height={height}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M46.982 9.29c-.855-1.026-1.91-1.539-3.167-1.539-.553 0-1.069.1-1.546.297-.465.198-.868.47-1.207.815-.34.334-.61.736-.81 1.205a4.04 4.04 0 00-.283 1.52c0 .556.094 1.069.282 1.538.202.47.472.877.811 1.223.352.346.76.618 1.226.816.465.197.967.296 1.508.296 1.181 0 2.243-.494 3.186-1.482v4.3l-.377.129c-.566.197-1.094.34-1.584.426-.49.099-.974.148-1.452.148-.98 0-1.922-.179-2.827-.537a7.74 7.74 0 01-2.376-1.538 7.888 7.888 0 01-1.64-2.354c-.415-.914-.622-1.909-.622-2.984s.201-2.057.603-2.946a7.417 7.417 0 011.64-2.317 7.415 7.415 0 012.395-1.52 7.438 7.438 0 012.846-.556 7.42 7.42 0 011.66.186c.552.11 1.13.29 1.734.537V9.29zM48.999 9.086h3.412v1.557c.364-.569.81-1.001 1.338-1.298.528-.309 1.144-.463 1.848-.463h.283c.113 0 .238.012.377.037v3.206a3.288 3.288 0 00-1.47-.333c-.793 0-1.39.234-1.792.704-.39.457-.584 1.13-.584 2.02v4.077h-3.412V9.086zM61.193 9.086v5.356c0 1.174.578 1.76 1.734 1.76 1.156 0 1.734-.586 1.734-1.76V9.086h3.412v6.005c0 1.284-.433 2.248-1.3 2.89-.855.643-2.137.964-3.846.964-1.71 0-2.998-.32-3.865-.963-.854-.643-1.282-1.607-1.282-2.891V9.085h3.413zM76.8 11.532c-.627-.321-1.243-.482-1.847-.482-.314 0-.571.062-.773.186a.571.571 0 00-.282.5c0 .111.012.204.037.278a.614.614 0 00.208.185c.113.062.27.118.471.167.214.05.49.111.83.186.942.185 1.646.518 2.111 1 .465.47.697 1.075.697 1.816 0 .556-.113 1.057-.339 1.502-.226.444-.54.821-.942 1.13a4.486 4.486 0 01-1.452.686 6.36 6.36 0 01-1.866.26c-1.308 0-2.596-.365-3.865-1.094l1.244-2.372c.955.642 1.86.963 2.715.963.314 0 .572-.068.773-.204.2-.135.301-.308.301-.518a.658.658 0 00-.056-.297.397.397 0 00-.189-.222 1.298 1.298 0 00-.452-.186 6.635 6.635 0 00-.754-.185c-1.056-.21-1.797-.519-2.225-.927-.414-.42-.622-.994-.622-1.723 0-.531.1-1.007.302-1.427.2-.433.49-.797.867-1.094.377-.296.83-.525 1.357-.685a6.27 6.27 0 011.791-.241c1.069 0 2.105.204 3.11.611l-1.15 2.187zM79.983 3.21h3.412v7.08c.465-.556.936-.926 1.414-1.111.478-.198 1.037-.297 1.678-.297 1.219 0 2.136.334 2.752 1 .629.656.943 1.545.943 2.67v6.041H86.77v-4.8c0-.482-.038-.87-.114-1.167-.075-.297-.2-.525-.377-.686a1.62 1.62 0 00-1.093-.39c-.578 0-1.024.174-1.338.52-.302.333-.453.815-.453 1.445v5.078h-3.412V3.211zM99.571 12.459a2.013 2.013 0 00-.697-1.13c-.352-.285-.78-.427-1.282-.427-.528 0-.962.136-1.3.408-.328.272-.535.655-.623 1.149h3.902zm-3.996 1.946c0 1.445.69 2.168 2.073 2.168.742 0 1.301-.296 1.678-.89h3.299c-.666 2.175-2.331 3.262-4.995 3.262a6.826 6.826 0 01-2.244-.352 5.247 5.247 0 01-1.753-1.038 4.642 4.642 0 01-1.112-1.594c-.264-.617-.396-1.31-.396-2.075 0-.79.126-1.501.377-2.131a4.48 4.48 0 011.074-1.631 4.681 4.681 0 011.678-1.02c.666-.247 1.414-.37 2.244-.37.816 0 1.552.123 2.205.37.654.235 1.207.581 1.659 1.038.453.457.798 1.02 1.037 1.687.239.654.358 1.396.358 2.224v.352h-7.182zM104.708 9.086h3.412v1.557c.364-.569.811-1.001 1.338-1.298.528-.309 1.144-.463 1.848-.463h.283c.113 0 .239.012.377.037v3.206a3.291 3.291 0 00-1.471-.333c-.791 0-1.388.234-1.791.704-.389.457-.584 1.13-.584 2.02v4.077h-3.412V9.086z"
fill="#fff"
/>
<path
d="M0 5.75A5.75 5.75 0 015.75 0h11.352a5.75 5.75 0 015.75 5.75v11.5a5.75 5.75 0 01-5.75 5.75H5.75A5.75 5.75 0 010 17.25V5.75z"
fill="url(#prefix__paint0_linear_7131_5874)"
/>
<path
d="M4.231 7.487a.69.69 0 00-.781.684v4.897c0 .418.368.74.781.684l3.447-.462a.69.69 0 00.598-.684V8.633a.69.69 0 00-.598-.684l-3.447-.462zM14.021 16.102h-3.243a.46.46 0 00-.46.46v5.968c0 .254.206.46.46.46h3.243a.46.46 0 00.46-.46v-5.968a.46.46 0 00-.46-.46z"
fill="#fff"
/>
<path
d="M19.97 14.7c-.14-4.274-2.847-7.317-6.18-7.317h-2.84a.46.46 0 00-.146.023l-1.559.52a.46.46 0 00-.314.436v4.648c0 .128.053.25.146.337l1.034.964a.57.57 0 01.208.453v1.872c0 .254.206.46.46.46h3.246a.46.46 0 00.46-.46v-2.001c0-.048 0-.13.027-.196.02-.047.054-.086.078-.13l.38-.71c.14-.26.348-.389.626-.389 1.527.065 2.985.583 4.096 1.62.148.165.277.074.277-.13z"
fill="#fff"
/>
{isMonochrome ? (<defs>
<linearGradient
id="prefix__paint0_linear_7131_5874"
x1={11.426}
y1={0}
x2={11.426}
y2={23}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#393939" />
<stop offset={1} stopColor="#393939" />
</linearGradient>
</defs>) : (<defs>
<linearGradient
id="prefix__paint0_linear_7131_5874"
x1={11.426}
y1={0}
x2={11.426}
y2={23}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A284FA" />
<stop offset={1} stopColor="#711BFE" />
</linearGradient>
</defs>)}

</svg>
)
};

Logo.defaultProps = LogoDefaultProps;

1 comment on commit 820be33

@vercel
Copy link

@vercel vercel bot commented on 820be33 Aug 1, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

crusher-prod – ./

crusher-prod.vercel.app
crusher-prod-crusher.vercel.app
app.crusher.dev
crusher-prod-git-master-crusher.vercel.app

Please sign in to comment.