diff --git a/package.json b/package.json index 977c962..0c417c2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@airdao/ui-library", - "version": "1.0.9", + "version": "1.1.0", "main": "dist/cjs/index.js", "module": "dist/esm/index.js", "types": "dist/index.d.ts", diff --git a/src/components/Header/Header.module.css b/src/components/Header/Header.module.css index dce0dcf..920f940 100644 --- a/src/components/Header/Header.module.css +++ b/src/components/Header/Header.module.css @@ -332,6 +332,18 @@ } } +.address-info__address { + color: #0E0E0E; + text-align: center; + /* WEB/Body 2/500 - Medium */ + font-family: Inter, sans-serif; + font-size: 16px; + font-style: normal; + font-weight: 500; + line-height: 24px; /* 150% */ + letter-spacing: -0.16px; +} + .address-info__label { color: #A1A6B2; font-weight: 700; @@ -348,10 +360,14 @@ .address-info__check { position: relative; - top: 2px; + top: 4px; margin-right: 4px; } +.address-info__check-copy { + height: 20px; +} + .address-info__copy { position: relative; cursor: pointer; diff --git a/src/components/Header/components/AddressInfo.tsx b/src/components/Header/components/AddressInfo.tsx index 11098f4..0e48a9d 100644 --- a/src/components/Header/components/AddressInfo.tsx +++ b/src/components/Header/components/AddressInfo.tsx @@ -18,7 +18,7 @@ export default function AddressInfo({ address, logout, close, isOpen }: AddressI const copy = () => { navigator.clipboard.writeText(address); setCopied(true); - setTimeout(() => setCopied(false), 2000) + setTimeout(() => setCopied(false), 20000) } return ( @@ -42,7 +42,7 @@ export default function AddressInfo({ address, logout, close, isOpen }: AddressI
{submenu.content.map((item) => ( - + ))} @@ -53,7 +53,7 @@ export function MobileMenu ({ close, isOpen, data, balance }: MobileMenuProps) {
{data && data.socials.map((social) => ( - + ))} diff --git a/src/components/Header/usePrismicData.ts b/src/components/Header/usePrismicData.ts index 677872f..d3193c5 100644 --- a/src/components/Header/usePrismicData.ts +++ b/src/components/Header/usePrismicData.ts @@ -16,14 +16,16 @@ export function usePrismicData() { const socials = slices.pop().items.map((item) => ({ img: item.navitemimg, - url: item.navitemurl, + url: item.navitemlink.url, + target: item.navitemlink.target, })); const submenus = slices.map((slice) => { const content = slice.items.map((item) => ({ name: item.navitemlabel, - url: item.navitemurl, + url: item.navitemlink.url, + target: item.navitemlink.target, })) return { name: slice.primary.navlabel, @@ -37,5 +39,4 @@ export function usePrismicData() { socials, submenus, } - }