diff --git a/public/locales/en.json b/public/locales/en.json index 8a458d4..8a27e0c 100644 --- a/public/locales/en.json +++ b/public/locales/en.json @@ -39,7 +39,9 @@ }, "send": "Send", + "sendLong": "Send Krist", "request": "Request", + "requestLong": "Request Krist", "settings": "Settings", "more": "More" diff --git a/src/layout/nav/AppHeader.tsx b/src/layout/nav/AppHeader.tsx index 67a1b40..f9f4897 100644 --- a/src/layout/nav/AppHeader.tsx +++ b/src/layout/nav/AppHeader.tsx @@ -40,14 +40,21 @@ {/* Logo */} {bps.md && } - {/* Send and receive buttons */} + {/* Send and request buttons */} {bps.md && + {/* Send Krist */} }> {t("nav.send")} - }>{t("nav.request")} + + {/* Request Krist */} + }> + + {t("nav.request")} + + } {/* Spacer to push search box to the right */} diff --git a/src/layout/nav/TopMenu.tsx b/src/layout/nav/TopMenu.tsx index f875ca6..4d25f04 100644 --- a/src/layout/nav/TopMenu.tsx +++ b/src/layout/nav/TopMenu.tsx @@ -3,7 +3,9 @@ // Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt import { useState, useCallback, useMemo, useContext, createContext, FC, ReactNode } from "react"; import { Menu, Grid, Dropdown } from "antd"; -import { MoreOutlined, SettingOutlined } from "@ant-design/icons"; +import { + MoreOutlined, SettingOutlined, SendOutlined, DownloadOutlined +} from "@ant-design/icons"; import { useTFns } from "@utils/i18n"; @@ -34,6 +36,24 @@ trigger={["click"]} overlayClassName="site-header-top-dropdown-menu" overlay={ + {/* Send Krist */} + + +
{tStr("sendLong")}
+
+
+ + {/* Request Krist */} + + +
{tStr("requestLong")}
+
+
+ + {/* Only show the extra divider if there are options */} + {options && } + + {/* Page-specified options */} {options} @@ -59,9 +79,9 @@ selectable={false} forceSubMenuRender={true} className="site-header-settings" > - {!bps.md && options + {!bps.md ? ( - // Menu button, if there are options available + // Menu button for mobile {menu} @@ -73,7 +93,7 @@ )}
- ), [tStr, bps, options, menu]); + ), [tStr, bps, menu]); return btn; } diff --git a/src/pages/names/NamesPage.less b/src/pages/names/NamesPage.less index a0c5c4a..e98d96d 100644 --- a/src/pages/names/NamesPage.less +++ b/src/pages/names/NamesPage.less @@ -24,4 +24,17 @@ } } } + + @media (max-width: @screen-sm) { + // Make the "Purchase name" button full width on mobile + .ant-page-header-heading-extra { + width: 100%; + + .ant-btn { + display: block; + width: 100%; + margin-top: @margin-sm; + } + } + } }