status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-20 16:30:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use icon button into titles

Browse Source
This commit is contained in:
RadoslavDimchev 2023-07-22 13:14:27 +03:00
parent f4c3bfbe65
commit a9d9eb7d22
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 557 B

17
src/components/Titles/Titles.jsx
View File

@ -1,11 +1,24 @@
import { YStack } from "tamagui";
import { XStack, YStack } from "tamagui";
import { SubTitle } from "./Title";
import { Title } from "./SubTitle";
import { IconButton } from "../IconButton";
const Titles = ({ title, subtitle }) => {
return (
<YStack>
<Title color={"#09101C"}>{title}</Title>
<XStack justifyContent="space-between">
<Title color={"#09101C"}>{title}</Title>
<IconButton
style={{
backgroundColor: "transparent",
border: "1px solid #DCE0E5",
}}
color={"#09101C"}
size={"$3"}
icon={"/icons/reveal.png"}
text={"Advanced Settings"}
/>
</XStack>
<SubTitle color={"#09101C"}>{subtitle}</SubTitle>
</YStack>
);