status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Create Nimbus logo component

This commit is contained in:
RadoslavDimchev 2023-07-21 16:42:20 +03:00
parent f3859b911b
commit c16f2834dc
4 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/icons/marks.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 424 B

BIN
public/icons/nimbus.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 844 B

19
src/components/Logo/Logo.jsx Normal file
View File

@ -0,0 +1,19 @@
import { Image, XStack } from "tamagui";
import { Tag } from "../Tag";
const Logo = () => {
return (
<XStack
style={{
alignItems: "center",
}}
space={"$2"}
>
<Image source={{ uri: "/icons/marks.png" }} width={60} height={60} />
<Image source={{ uri: "/icons/nimbus.png" }} width={80} height={17} />
<Tag bc="#2A4AF5" text="BETA" />
</XStack>
);
};
export { Logo };

1
src/components/Logo/index.jsx Normal file
View File

@ -0,0 +1 @@
export { Logo } from "./Logo";