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

nft list styling fixes

This commit is contained in:
saml33 2022-11-02 16:16:25 +00:00
parent 546f9e2794
commit 7ba9aa6665
4 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/modals/EditProfileModal.tsx
View File

@ -19,7 +19,7 @@ const EditProfileModal = ({ isOpen, onClose }: ModalProps) => {
onEditProfileImage={() => setShowEditProfilePic(true)}
/>
<EnterBottomExitBottom
className="absolute bottom-0 left-0 z-20 h-full w-full overflow-auto bg-th-bkg-1 p-6"
className="absolute bottom-0 left-0 z-20 h-full w-full overflow-auto rounded-lg bg-th-bkg-1 p-6"
show={showEditProfilePic}
>
<EditNftProfilePic onClose={() => setShowEditProfilePic(false)} />

8
components/profile/EditNftProfilePic.tsx
View File

@ -138,7 +138,7 @@ const EditNftProfilePic = ({ onClose }: { onClose: () => void }) => {
<div className="mb-3 flex w-full flex-col items-center sm:mt-3 sm:flex-row sm:justify-between">
<button
onClick={onClose}
className={`absolute left-2 top-2 z-50 text-th-fgd-2 focus:outline-none md:hover:text-th-primary`}
className={`absolute left-2 top-3 z-50 text-th-fgd-4 focus:outline-none md:hover:text-th-primary`}
>
<ArrowLeftIcon className={`h-5 w-5`} />
</button>
@ -148,7 +148,7 @@ const EditNftProfilePic = ({ onClose }: { onClose: () => void }) => {
{t('save')}
</Button>
{profile.profile_image_url ? (
<LinkButton className="text-xs" onClick={removeProfileImage}>
<LinkButton className="text-sm" onClick={removeProfileImage}>
{t('profile:remove')}
</LinkButton>
) : null}
@ -156,10 +156,10 @@ const EditNftProfilePic = ({ onClose }: { onClose: () => void }) => {
</div>
{nfts.length > 0 ? (
<div className="flex flex-col items-center">
<div className="mb-4 grid w-full grid-flow-row grid-cols-3 gap-4">
<div className="mb-4 grid w-full grid-flow-row grid-cols-3 gap-3">
{nfts.map((n) => (
<button
className={`default-transitions col-span-1 flex items-center justify-center rounded-md border bg-th-bkg-3 py-3 sm:py-4 md:hover:bg-th-bkg-4 ${
className={`default-transition col-span-1 flex items-center justify-center rounded-md border bg-th-bkg-2 py-3 sm:py-4 md:hover:bg-th-bkg-3 ${
selectedProfile === n.image
? 'border-th-primary'
: 'border-th-bkg-3'

2
public/locales/en/profile.json
View File

@ -1,6 +1,6 @@
{
"browse-profiles": "Browse",
"choose-profile": "Choose an NFT",
"choose-profile": "Profile Image",
"connect-view-profile": "Connect your wallet to view your profile",
"day-trader": "Day Trader",
"degen": "Degen",

2
public/locales/es/profile.json
View File

@ -1,6 +1,6 @@
{
"browse-profiles": "Browse",
"choose-profile": "Choose an NFT",
"choose-profile": "Profile Image",
"connect-view-profile": "Connect your wallet to view your profile",
"day-trader": "Day Trader",
"degen": "Degen",