Signing Page - New Design #152

Merged
eugene merged 29 commits from sigit-info-signing-page into staging 2024-08-20 11:29:11 +00:00
4 changed files with 22 additions and 22 deletions
Showing only changes of commit bc23361fb0 - Show all commits

View File

@ -77,7 +77,7 @@ export const DisplaySigit = ({ meta, parsedMeta }: SigitProps) => {
{submittedBy && signers.length ? ( {submittedBy && signers.length ? (
<Divider orientation="vertical" flexItem /> <Divider orientation="vertical" flexItem />
) : null} ) : null}
<UserAvatarGroup className={styles.signers} max={7}> <UserAvatarGroup max={7}>
{signers.map((signer) => { {signers.map((signer) => {
const pubkey = npubToHex(signer)! const pubkey = npubToHex(signer)!
const profile = profiles[pubkey] const profile = profiles[pubkey]

View File

@ -93,26 +93,6 @@
grid-gap: 10px; grid-gap: 10px;
} }
.signers {
padding: 0 0 0 10px;
> * {
transition: margin ease 0.2s;
margin: 0 0 0 -10px;
position: relative;
z-index: 1;
&:first-child {
margin-left: -10px !important;
}
}
> *:hover,
> *:focus-within {
margin: 0 15px 0 5px;
z-index: 2;
}
}
.details { .details {
color: rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.3);
font-size: 14px; font-size: 14px;

View File

@ -28,7 +28,7 @@ export const UserAvatarGroup = ({
const childrenArray = Children.toArray(children) const childrenArray = Children.toArray(children)
return ( return (
<div {...rest}> <div className={styles.container} {...rest}>
{surplus > 1 {surplus > 1
? childrenArray.slice(0, surplus * -1).map((c) => c) ? childrenArray.slice(0, surplus * -1).map((c) => c)
: children} : children}

View File

@ -1,5 +1,25 @@
@import '../../styles/colors.scss'; @import '../../styles/colors.scss';
.container {
padding: 0 0 0 10px;
> * {
transition: margin ease 0.2s;
margin: 0 0 0 -10px;
position: relative;
z-index: 1;
&:first-child {
margin-left: -10px !important;
}
}
> *:hover,
> *:focus-within {
margin: 0 15px 0 5px;
z-index: 2;
}
}
.icon { .icon {
width: 40px; width: 40px;
height: 40px; height: 40px;