blockworks-foundation
/
mango-v4-ui
mirror of https://github.com/blockworks-foundation/mango-v4-ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

algin link/button list styles

This commit is contained in:
saml33 2022-12-16 22:44:21 +11:00
parent d0d32c097f
commit 0bead4c97e
6 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/TokenList.tsx
View File

@ -509,7 +509,7 @@ const ActionsMenu = ({
</p>
</div>
<LinkButton
className="w-full text-left"
className="w-full text-left font-normal no-underline md:hover:text-th-fgd-1"
disabled={!mangoAccount}
onClick={() => handleShowActionModals(bank.name, 'deposit')}
>
@ -517,7 +517,7 @@ const ActionsMenu = ({
</LinkButton>
{hasBorrow ? (
<LinkButton
className="w-full text-left"
className="w-full text-left font-normal no-underline md:hover:text-th-fgd-1"
disabled={!mangoAccount}
onClick={() => handleShowActionModals(bank.name, 'repay')}
>
@ -525,14 +525,14 @@ const ActionsMenu = ({
</LinkButton>
) : null}
<LinkButton
className="w-full text-left"
className="w-full text-left font-normal no-underline md:hover:text-th-fgd-1"
disabled={!mangoAccount}
onClick={() => handleShowActionModals(bank.name, 'withdraw')}
>
{t('withdraw')}
</LinkButton>
<LinkButton
className="w-full text-left"
className="w-full text-left font-normal no-underline md:hover:text-th-fgd-1"
disabled={!mangoAccount}
onClick={() => handleShowActionModals(bank.name, 'borrow')}
>

2
components/TopBar.tsx
View File

@ -131,7 +131,7 @@ const TopBar = () => {
<ConnectWalletButton />
) : (
<button
className="relative h-16 rounded-none bg-th-bkg-2 bg-gradient-to-bl px-6 text-base font-bold text-th-fgd-1 before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-th-bkg-4 before:to-transparent before:opacity-0 hover:cursor-pointer hover:overflow-hidden hover:before:-translate-x-full hover:before:animate-[shimmer_0.75s_normal] hover:before:opacity-100"
className="relative h-16 rounded-none bg-th-bkg-2 bg-gradient-to-bl px-6 font-display text-base text-th-fgd-1 before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-th-bkg-4 before:to-transparent before:opacity-0 hover:cursor-pointer hover:overflow-hidden hover:before:-translate-x-full hover:before:animate-[shimmer_0.75s_normal] hover:before:opacity-100"
onClick={handleShowSetup}
>
<div className="relative z-10 flex items-center justify-center">

8
components/account/AccountActions.tsx
View File

@ -94,7 +94,7 @@ const AccountActions = () => {
size="medium"
>
<LinkButton
className="whitespace-nowrap"
className="whitespace-nowrap font-normal no-underline md:hover:text-th-fgd-1"
disabled={!mangoAccount}
onClick={() =>
handleCopyAddress(mangoAccount!.publicKey.toString())
@ -104,7 +104,7 @@ const AccountActions = () => {
<span className="ml-2">{t('copy-address')}</span>
</LinkButton>
<LinkButton
className="whitespace-nowrap"
className="whitespace-nowrap font-normal no-underline md:hover:text-th-fgd-1"
disabled={!mangoAccount}
onClick={() => setShowEditAccountModal(true)}
>
@ -112,7 +112,7 @@ const AccountActions = () => {
<span className="ml-2">{t('edit-account')}</span>
</LinkButton>
<LinkButton
className="whitespace-nowrap"
className="whitespace-nowrap font-normal no-underline md:hover:text-th-fgd-1"
disabled={!mangoAccount}
onClick={() => setShowDelegateModal(true)}
>
@ -120,7 +120,7 @@ const AccountActions = () => {
<span className="ml-2">{t('delegate-account')}</span>
</LinkButton>
<LinkButton
className="whitespace-nowrap"
className="whitespace-nowrap font-normal no-underline md:hover:text-th-fgd-1"
disabled={!mangoAccount}
onClick={() => setShowCloseAccountModal(true)}
>

4
components/forms/Select.tsx
View File

@ -47,7 +47,7 @@ const Select = ({
{open ? (
<Listbox.Options
static
className={`thin-scroll absolute left-0 z-20 mt-1 max-h-60 w-full origin-top-left overflow-auto rounded-md bg-th-bkg-2 p-2 text-th-fgd-1 outline-none ${dropdownPanelClassName}`}
className={`thin-scroll absolute left-0 z-20 mt-1 max-h-60 w-full origin-top-left space-y-2 overflow-auto rounded-md bg-th-bkg-2 p-4 text-th-fgd-1 outline-none ${dropdownPanelClassName}`}
>
{children}
</Listbox.Options>
@ -70,7 +70,7 @@ const Option = ({ value, children, className }: OptionProps) => {
<Listbox.Option className="mb-0" value={value}>
{({ selected }) => (
<div
className={`default-transition rounded p-2 text-th-fgd-1 hover:cursor-pointer hover:bg-th-bkg-3 hover:text-th-active ${
className={`default-transition rounded text-th-fgd-2 hover:cursor-pointer md:hover:text-th-fgd-1 ${
selected ? 'text-th-active' : ''
} ${className}`}
>

2
components/wallet/ConnectWalletButton.tsx
View File

@ -37,7 +37,7 @@ export const ConnectWalletButton: React.FC = () => {
/>
</div>
<div className="text-left">
<div className="mb-1.5 flex justify-center text-base font-bold leading-none text-th-fgd-1">
<div className="mb-1.5 flex justify-center font-display text-base leading-none text-th-fgd-1">
{connecting ? <Loading className="h-4 w-4" /> : t('connect')}
</div>

6
components/wallet/ConnectedMenu.tsx
View File

@ -118,7 +118,7 @@ const ConnectedMenu = () => {
<Menu.Items className="absolute right-0 top-[61px] z-20 mt-1 w-48 space-y-1.5 rounded-md rounded-t-none bg-th-bkg-2 px-4 py-2.5 md:rounded-r-none">
<Menu.Item>
<button
className="flex w-full flex-row items-center rounded-none py-0.5 font-normal hover:cursor-pointer hover:text-th-active focus:outline-none"
className="default-transition flex w-full flex-row items-center rounded-none py-0.5 font-normal focus:outline-none md:hover:cursor-pointer md:hover:text-th-fgd-1"
onClick={() => setShowEditProfileModal(true)}
>
<UserCircleIcon className="h-4 w-4" />
@ -130,7 +130,7 @@ const ConnectedMenu = () => {
{isMobile ? (
<Menu.Item>
<button
className="flex w-full flex-row items-center rounded-none py-0.5 font-normal hover:cursor-pointer hover:text-th-active focus:outline-none"
className="default-transition flex w-full flex-row items-center rounded-none py-0.5 font-normal focus:outline-none"
onClick={() => setShowMangoAccountsModal(true)}
>
<CurrencyDollarIcon className="h-4 w-4" />
@ -151,7 +151,7 @@ const ConnectedMenu = () => {
</Menu.Item> */}
<Menu.Item>
<button
className="flex w-full flex-row items-center rounded-none py-0.5 font-normal hover:cursor-pointer focus:outline-none md:hover:text-th-active"
className="default-transition flex w-full flex-row items-center rounded-none py-0.5 font-normal focus:outline-none md:hover:cursor-pointer md:hover:text-th-fgd-1"
onClick={handleDisconnect}
>
<ArrowRightOnRectangleIcon className="h-4 w-4" />