Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor(flat-components): change login cover image #1945

Merged
merged 1 commit into from
May 31, 2023
Merged

refactor(flat-components): change login cover image #1945

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 18 additions & 14 deletions packages/flat-components/src/components/LoginPage/icons/Cover.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,10 @@ import React from "react";
export function Cover(): React.ReactElement {
return (
<svg fill="none" viewBox="0 0 480 640" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h480v640H0z" fill="#D6E5FF" id="a" />
<defs>
<path d="M0 0h480v640H0z" fill="#D6E5FF" id="a" />
</defs>
<use xlinkHref="#a" />
<mask
height="640"
id="b"
Expand All @@ -13,7 +16,7 @@ export function Cover(): React.ReactElement {
x="0"
y="0"
>
<path d="M0 0h480v640H0z" fill="#D6E5FF" id="a" />
<use xlinkHref="#a" />
</mask>
<g mask="url(#b)">
<path d="M296 198h100v120H296z" fill="#ADCCFF" />
Expand All @@ -36,7 +39,7 @@ export function Cover(): React.ReactElement {
fill="#ADCCFF"
/>
<path
d="M457 638V158c0-22.091-17.908-40-40-40-22.091 0-40 17.909-40 40v28"
d="M457 638V158c0-22.091-17.909-40-40-40s-40 17.909-40 40v28"
stroke="#2867CC"
strokeWidth="1.25"
/>
Expand All @@ -46,7 +49,7 @@ export function Cover(): React.ReactElement {
d="M363.082 189.977h27.836L420.743 216v3.801h-87.486V216l29.825-26.023Z"
fill="#3381FF"
/>
<path d="M373.024 186h7.953v3.977h-7.953z" fill="#2867CC" />
<path d="M373.023 186h7.953v3.977h-7.953z" fill="#2867CC" />
<path d="M40 454h400v5H40z" fill="#5B9AFF" />
<path d="M100 459 60 580" stroke="#5B9AFF" strokeWidth="1.25" />
<path d="m115 580 20-60.5m4 60.5 20-60.5" stroke="#3381FF" strokeWidth="1.25" />
Expand All @@ -62,33 +65,34 @@ export function Cover(): React.ReactElement {
/>
<path d="M289 380h82l-10 62h-82l10-62Z" fill="#ADCCFF" />
<path
d="M317 401a4 4 0 0 1 4-4h20v4a4 4 0 0 1-4 4h-16a4 4 0 0 1-4-4Zm-4 10a4 4 0 0 1 4-4h12v4a4 4 0 0 1-4 4h-8a4 4 0 0 1-4-4Z"
clipRule="evenodd"
d="M309.25 399a3 3 0 0 1 3-3h3v3h-6Zm0 .75h4.5V402h1.5v3h-1.5v10.5h-4.5V405h-1.5v-3h1.5v-2.25Zm7.5-3.75h1.5a3 3 0 0 1 3 3v16.5h-4.5V396Zm12.75 6H325v3h4.5v7.5h-2.25v-3h1.5v-3h-3a3 3 0 0 0-3 3v3a3 3 0 0 0 3 3H334V405a3 3 0 0 0-3-3h-1.5Zm10.5 13.5h-4.5V396h1.5a3 3 0 0 1 3 3v3h1.5v3H340v10.5Zm-33 4.5h12l6 1.5 6-1.5h12v1.5h-12l-6 1.5-6-1.5h-12V420Zm6 3h6l6 1.5 6-1.5h18v1.5h-18l-6 1.5-6-1.5h-18V423h12Z"
fill="#84B3FF"
fillRule="evenodd"
/>
<rect fill="#84B3FF" height="8" rx="4" width="8" x="309" y="417" />
<path d="M235 446h130v4a4 4 0 0 1-4 4H239a4 4 0 0 1-4-4v-4Z" fill="#84B3FF" />
<path
d="M401.072 409.744a2 2 0 0 1 3.939.694l-2.431 13.788-3.939-.695 2.431-13.787Z"
d="M401.072 409.744a2 2 0 1 1 3.939.694l-2.431 13.787-3.939-.694 2.431-13.787Z"
fill="#ADCCFF"
/>
<path
clipRule="evenodd"
d="m394.213 403.577-3.939.694.412 2.339-1.969.348-.616.108.109.616 2.605 14.772.108.615.616-.108 1.969-.348.239 1.354 3.939-.694-3.473-19.696Zm-.922 17.805-2.388-13.541-1.354.239 2.388 13.541 1.354-.239Z"
d="m394.213 403.577-3.939.694.412 2.339-1.969.347-.616.109.109.615 2.605 14.773.108.615.616-.108 1.969-.348.239 1.354 3.939-.694-3.473-19.696Zm-.922 17.805-2.387-13.541-1.355.239 2.388 13.541 1.354-.239Z"
fill="#ADCCFF"
fillRule="evenodd"
/>
<path d="M385 422h24v32h-24z" fill="#84B3FF" />
<path
d="M68 328.625h1.5v-1.25H68v1.25Zm6.5-5h7v-1.25h-7v1.25Zm12 5H88v-1.25h-1.5v1.25Zm-3.125-3.125c0 1.726 1.4 3.125 3.125 3.125v-1.25a1.875 1.875 0 0 1-1.875-1.875h-1.25Zm-1.875-1.875c1.035 0 1.875.839 1.875 1.875h1.25c0-1.726-1.4-3.125-3.125-3.125v1.25Zm-8.875 1.875c0-1.036.84-1.875 1.875-1.875v-1.25a3.125 3.125 0 0 0-3.125 3.125h1.25Zm-3.125 3.125a3.125 3.125 0 0 0 3.125-3.125h-1.25c0 1.036-.84 1.875-1.875 1.875v1.25Z"
fill="#5B9AFF"
d="M68 328h1.5a2.5 2.5 0 0 0 2.5-2.5 2.5 2.5 0 0 1 2.5-2.5h7a2.5 2.5 0 0 1 2.5 2.5 2.5 2.5 0 0 0 2.5 2.5H88m-60 0-16-16"
stroke="#5B9AFF"
strokeWidth="1.25"
/>
<path d="m28 328-16-16" stroke="#5B9AFF" strokeWidth="1.25" />
<circle cx="48" cy="328" r="19.375" stroke="#5B9AFF" strokeWidth="1.25" />
<circle cx="108" cy="328" r="19.375" stroke="#5B9AFF" strokeWidth="1.25" />
<path d="m128 328-16-16" stroke="#5B9AFF" strokeWidth="1.25" />
<path d="M405 345.865h24v32h-24z" fill="#ADCCFF" />
<path
d="m412 342.071 7.727-2.071 2.589 9.659-7.728 2.071-2.588-9.659Z"
d="m412 342.07 7.727-2.07 2.589 9.659-7.728 2.071-2.588-9.66Z"
fill="#84B3FF"
/>
<circle
Expand Down Expand Up @@ -134,14 +138,14 @@ export function Cover(): React.ReactElement {
/>
<path
clipRule="evenodd"
d="M201.357 292.357c-10.008 2.673-21.13.083-28.982-7.769-7.852-7.851-10.441-18.973-7.768-28.981 10.008-2.673 21.13-.084 28.982 7.768 7.851 7.852 10.441 18.974 7.768 28.982Z"
d="M201.357 292.357c-10.008 2.673-21.13.084-28.982-7.768-7.852-7.852-10.441-18.974-7.768-28.982 10.008-2.673 21.13-.083 28.982 7.768 7.851 7.852 10.441 18.974 7.768 28.982Z"
fill="#D6E5FF"
fillRule="evenodd"
/>
<path d="M200.5 291.5V324" stroke="#D6E5FF" strokeWidth="1.25" />
<path
clipRule="evenodd"
d="M195.839 317c-2.227-8.341-.069-17.608 6.474-24.152 6.543-6.543 15.811-8.701 24.151-6.474 2.228 8.341.07 17.609-6.474 24.152-6.543 6.543-15.811 8.701-24.151 6.474Z"
d="M195.839 317c-2.227-8.34-.069-17.608 6.474-24.152 6.543-6.543 15.811-8.701 24.151-6.473 2.228 8.34.07 17.608-6.473 24.151-6.544 6.543-15.812 8.701-24.152 6.474Z"
fill="#D6E5FF"
fillRule="evenodd"
/>
Expand Down
43 changes: 32 additions & 11 deletions packages/flat-components/src/components/LoginPage/icons/CoverDark.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ export function CoverDark(): React.ReactElement {
/>
<path
clipRule="evenodd"
d="M133.16 202.161A27.87 27.87 0 0 1 119 206c-15.464 0-28-12.536-28-28 0-5.166 1.4-10.006 3.84-14.161C86.558 168.703 81 177.702 81 188c0 15.464 12.536 28 28 28 10.298 0 19.297-5.559 24.16-13.839Z"
d="M133.16 202.16A27.861 27.861 0 0 1 119 206c-15.464 0-28-12.536-28-28 0-5.167 1.4-10.006 3.84-14.161C86.558 168.703 81 177.702 81 188c0 15.464 12.536 28 28 28 10.298 0 19.297-5.559 24.16-13.84Z"
fill="#F5D599"
fillRule="evenodd"
/>
Expand All @@ -42,14 +42,14 @@ export function CoverDark(): React.ReactElement {
<path d="M98 94h1v254h-1zm102 0h1v254h-1zm-51 0h1v254h-1z" fill="#2867CC" />
<path
clipRule="evenodd"
d="M201.357 292.357c-10.008 2.673-21.13.083-28.982-7.769-7.852-7.851-10.441-18.973-7.768-28.981 10.008-2.673 21.13-.084 28.982 7.768 7.851 7.852 10.441 18.974 7.768 28.982Z"
d="M201.357 292.357c-10.008 2.673-21.13.084-28.982-7.768-7.852-7.852-10.441-18.974-7.768-28.982 10.008-2.673 21.13-.083 28.982 7.768 7.851 7.852 10.441 18.974 7.768 28.982Z"
fill="#143366"
fillRule="evenodd"
/>
<path d="M200.5 291.5V324" stroke="#143366" strokeWidth="1.25" />
<path
clipRule="evenodd"
d="M195.839 317c-2.227-8.341-.069-17.608 6.474-24.152 6.543-6.543 15.811-8.701 24.151-6.474 2.228 8.341.07 17.609-6.473 24.152-6.544 6.543-15.812 8.701-24.152 6.474Z"
d="M195.839 317c-2.227-8.34-.069-17.608 6.474-24.152 6.543-6.543 15.811-8.701 24.151-6.473 2.228 8.34.07 17.608-6.473 24.151-6.544 6.543-15.812 8.701-24.152 6.474Z"
fill="#143366"
fillRule="evenodd"
/>
Expand Down Expand Up @@ -94,31 +94,34 @@ export function CoverDark(): React.ReactElement {
/>
<path d="M289 380h82l-10 62h-82l10-62Z" fill="#2867CC" />
<path
d="M235 446h130v4a4 4 0 0 1-4 4H239a4 4 0 0 1-4-4v-4Zm82-45a4 4 0 0 1 4-4h20v4a4 4 0 0 1-4 4h-16a4 4 0 0 1-4-4Zm-4 10a4 4 0 0 1 4-4h12v4a4 4 0 0 1-4 4h-8a4 4 0 0 1-4-4Z"
clipRule="evenodd"
d="M309.25 399a3 3 0 0 1 3-3h3v3h-6Zm0 .75h4.5V402h1.5v3h-1.5v10.5h-4.5V405h-1.5v-3h1.5v-2.25Zm7.5-3.75h1.5a3 3 0 0 1 3 3v16.5h-4.5V396Zm12.75 6H325v3h4.5v7.5h-2.25v-3h1.5v-3h-3a3 3 0 0 0-3 3v3a3 3 0 0 0 3 3H334V405a3 3 0 0 0-3-3h-1.5Zm10.5 13.5h-4.5V396h1.5a3 3 0 0 1 3 3v3h1.5v3H340v10.5Zm-33 4.5h12l6 1.5 6-1.5h12v1.5h-12l-6 1.5-6-1.5h-12V420Zm6 3h6l6 1.5 6-1.5h18v1.5h-18l-6 1.5-6-1.5h-18V423h12Z"
fill="#1E4D99"
fillRule="evenodd"
/>
<rect fill="#1E4D99" height="8" rx="4" width="8" x="309" y="417" />
<path d="M235 446h130v4a4 4 0 0 1-4 4H239a4 4 0 0 1-4-4v-4Z" fill="#1E4D99" />
<path
d="M401.072 409.744a2.001 2.001 0 0 1 3.939.694l-2.431 13.788-3.939-.695 2.431-13.787Z"
d="M401.072 409.744a2 2 0 1 1 3.939.694l-2.431 13.787-3.939-.694 2.431-13.787Z"
fill="#2867CC"
/>
<path
clipRule="evenodd"
d="m394.213 403.577-3.939.694.412 2.339-1.969.347-.616.109.109.616 2.605 14.772.108.615.616-.108 1.969-.348.239 1.354 3.939-.694-3.473-19.696Zm-.922 17.805-2.387-13.541-1.355.239 2.388 13.541 1.354-.239Z"
d="m394.213 403.577-3.939.694.412 2.339-1.969.347-.616.109.109.615 2.605 14.773.108.615.616-.108 1.969-.348.239 1.354 3.939-.694-3.473-19.696Zm-.922 17.805-2.387-13.541-1.355.239 2.388 13.541 1.354-.239Z"
fill="#2867CC"
fillRule="evenodd"
/>
<path d="M385 422h24v32h-24z" fill="#1E4D99" />
<path
d="M385 422h24v32h-24zM68 328.625h1.5v-1.25H68v1.25Zm6.5-5h7v-1.25h-7v1.25Zm12 5H88v-1.25h-1.5v1.25Zm-3.125-3.125c0 1.726 1.4 3.125 3.125 3.125v-1.25a1.875 1.875 0 0 1-1.875-1.875h-1.25Zm-1.875-1.875c1.035 0 1.875.839 1.875 1.875h1.25c0-1.726-1.4-3.125-3.125-3.125v1.25Zm-8.875 1.875c0-1.036.84-1.875 1.875-1.875v-1.25a3.125 3.125 0 0 0-3.125 3.125h1.25Zm-3.125 3.125a3.125 3.125 0 0 0 3.125-3.125h-1.25c0 1.036-.84 1.875-1.875 1.875v1.25Z"
fill="#1E4D99"
d="M68 328h1.5a2.5 2.5 0 0 0 2.5-2.5 2.5 2.5 0 0 1 2.5-2.5h7a2.5 2.5 0 0 1 2.5 2.5 2.5 2.5 0 0 0 2.5 2.5H88m-60 0-16-16"
stroke="#1E4D99"
strokeWidth="1.25"
/>
<path d="m28 328-16-16" stroke="#1E4D99" strokeWidth="1.25" />
<circle cx="48" cy="328" r="19.375" stroke="#1E4D99" strokeWidth="1.25" />
<circle cx="108" cy="328" r="19.375" stroke="#1E4D99" strokeWidth="1.25" />
<path d="m128 328-16-16" stroke="#1E4D99" strokeWidth="1.25" />
<path d="M405 345.865h24v32h-24z" fill="#1E4D99" />
<path
d="m412 342.071 7.727-2.071 2.589 9.659-7.728 2.071-2.588-9.659Z"
d="m412 342.07 7.727-2.07 2.589 9.659-7.728 2.071-2.588-9.66Z"
fill="#2867CC"
/>
<circle
Expand Down Expand Up @@ -168,6 +171,24 @@ export function CoverDark(): React.ReactElement {
fill="#0A1933"
fillRule="evenodd"
/>
<circle cx="14" cy="16" fill="#FF6158" r="6" />
<circle
cx="14"
cy="16"
r="5.75"
stroke="#000"
strokeOpacity=".15"
strokeWidth=".5"
/>
<circle cx="34" cy="16" fill="#FFBD2D" r="6" />
<circle
cx="34"
cy="16"
r="5.75"
stroke="#000"
strokeOpacity=".15"
strokeWidth=".5"
/>
</g>
<defs>
<linearGradient
Expand Down