diff --git a/examples/next/public/favicon.ico b/examples/next/public/favicon.ico new file mode 100644 index 000000000..d5102792d Binary files /dev/null and b/examples/next/public/favicon.ico differ diff --git a/examples/next/public/favicon.svg b/examples/next/public/favicon.svg new file mode 100644 index 000000000..c9a4d84ff --- /dev/null +++ b/examples/next/public/favicon.svg @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/examples/react/public/favicon.ico b/examples/react/public/favicon.ico new file mode 100644 index 000000000..d5102792d Binary files /dev/null and b/examples/react/public/favicon.ico differ diff --git a/examples/react/public/favicon.ico1123 b/examples/react/public/favicon.ico1123 deleted file mode 100644 index a11777cc4..000000000 Binary files a/examples/react/public/favicon.ico1123 and /dev/null differ diff --git a/examples/react/public/favicon.svg b/examples/react/public/favicon.svg index 82d4b7d66..c9a4d84ff 100644 --- a/examples/react/public/favicon.svg +++ b/examples/react/public/favicon.svg @@ -1,60 +1,3 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/examples/react/public/images/sequence-websdk-dark.svg b/examples/react/public/images/sequence-websdk-dark.svg index 7d81d8540..281f1cc8e 100644 --- a/examples/react/public/images/sequence-websdk-dark.svg +++ b/examples/react/public/images/sequence-websdk-dark.svg @@ -1,67 +1,205 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + diff --git a/packages/connect/src/components/SequenceLogo/PoweredBySequence.tsx b/packages/connect/src/components/SequenceLogo/PoweredBySequence.tsx index 92b33732d..596d65a1f 100644 --- a/packages/connect/src/components/SequenceLogo/PoweredBySequence.tsx +++ b/packages/connect/src/components/SequenceLogo/PoweredBySequence.tsx @@ -15,7 +15,9 @@ export const PoweredBySequence = () => { Powered by - +
+ +
) } diff --git a/packages/connect/src/components/SequenceLogo/SequenceLogo.tsx b/packages/connect/src/components/SequenceLogo/SequenceLogo.tsx index 63007aafc..6cbc61397 100644 --- a/packages/connect/src/components/SequenceLogo/SequenceLogo.tsx +++ b/packages/connect/src/components/SequenceLogo/SequenceLogo.tsx @@ -1,21 +1,75 @@ export const SequenceLogo = () => { return ( - - + + + + + + + + + + + + + + - - + + diff --git a/packages/connect/src/connectors/sequence/SequenceLogo.tsx b/packages/connect/src/connectors/sequence/SequenceLogo.tsx index a74be7c12..ded04850f 100644 --- a/packages/connect/src/connectors/sequence/SequenceLogo.tsx +++ b/packages/connect/src/connectors/sequence/SequenceLogo.tsx @@ -2,137 +2,42 @@ import type { FunctionComponent } from 'react' import type { LogoProps } from '../../types.js' -export const SequenceLogo: FunctionComponent = props => { +export const SequenceLogo: FunctionComponent = () => { return ( - - - +
+ + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + +
) } diff --git a/packages/connect/src/styles.ts b/packages/connect/src/styles.ts index 02435a5be..c127d2d0b 100644 --- a/packages/connect/src/styles.ts +++ b/packages/connect/src/styles.ts @@ -483,6 +483,9 @@ export const styles = String.raw` .h-\[calc\(100dvh-70px\)\] { height: calc(100dvh - 70px); } + .h-auto { + height: auto; + } .h-fit { height: fit-content; } @@ -585,6 +588,9 @@ export const styles = String.raw` .w-\[56px\] { width: 56px; } + .w-\[80px\] { + width: 80px; + } .w-\[100px\] { width: 100px; } @@ -594,6 +600,9 @@ export const styles = String.raw` .w-\[148px\] { width: 148px; } + .w-auto { + width: auto; + } .w-fit { width: fit-content; } diff --git a/packages/wallet-widget/src/components/ConnectorLogos/SequenceLogo.tsx b/packages/wallet-widget/src/components/ConnectorLogos/SequenceLogo.tsx index b0784e284..75505f3cd 100644 --- a/packages/wallet-widget/src/components/ConnectorLogos/SequenceLogo.tsx +++ b/packages/wallet-widget/src/components/ConnectorLogos/SequenceLogo.tsx @@ -1,134 +1,35 @@ export const SequenceLogo: React.FC = () => { return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + ) }