Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit f8cbed0

Browse files
profile card match design
1 parent f0c5899 commit f8cbed0

File tree

2 files changed

+21
-14
lines changed

2 files changed

+21
-14
lines changed

‎src/components/newbie/NftCard/NftCard.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131

3232
.nftCard-nft-img {
3333
width: 100%;
34-
border-radius: 15px;
34+
border-radius: 8px;
3535
height: 100%;
3636
}
3737

@@ -49,7 +49,7 @@
4949
justify-content: center;
5050
align-items: center;
5151
background-color: hsla(178, 100%, 50%, 0.29);
52-
border-radius: 15px;
52+
border-radius: 8px;
5353
opacity: 0;
5454
transition: all 0.4s ease-in-out;
5555
cursor: pointer;

‎src/components/newbie/ProfileCard/ProfileCard.css‎

Lines changed: 19 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -33,10 +33,11 @@
3333
.profile-card-header {
3434
background: url("./assets/images/bg-pattern-card.svg");
3535
background-size: contain;
36-
padding: 4.86133333em 1.77777778em 1.28888889em;
36+
padding: 87px 1.77777778em 1.28888889em;
3737
display: grid;
3838
place-items: center;
3939
background-repeat: no-repeat;
40+
padding-bottom: 28px;
4041
}
4142
.profile-card-header-body {
4243
display: grid;
@@ -45,45 +46,48 @@
4546
overflow: hidden;
4647
}
4748
.profile-card-header-body > img {
48-
width: 105px;
49-
height: 105px;
49+
width: 101px;
50+
height: 101px;
5051
border-radius: 50%;
5152
border: 5px solid hsl(0deg, 0%, 100%);
5253
}
5354

5455
.profile-card-bio {
55-
margin: 1.11111111em 0.22222222em 0.4em 0px;
56+
margin-top: 19px;
57+
margin-bottom: 8px;
5658
overflow: hidden;
5759
}
5860

5961
.profile-card-name {
6062
font-size: 1em;
61-
letter-spacing: 0.02666667em;
63+
letter-spacing: 0;
6264
font-weight: 700;
63-
line-height: 1.5em;
65+
line-height: 23px;
6466
}
6567

6668
.profile-card-age {
6769
font-size: 1em;
68-
margin-left: 0.44444444em;
70+
margin-left: 8.5px;
6971
font-weight: normal;
7072
color: hsl(227deg, 10%, 46%);
7173
}
7274

7375
.profile-card-location {
74-
font-size: 0.72222222em;
76+
font-size: 14px;
7577
color: hsl(227, 10%, 46%);
7678
width: 100%;
79+
font-weight: 400;
7780
text-align: center;
81+
line-height: 17.36px;
7882
}
7983
/* BOTTOM */
8084

8185
.profile-card-stats {
8286
list-style-type: none;
8387
display: flex;
8488
border-top: 0.063rem solid hsl(0deg, 0%, 80%);
85-
padding: 1.333em1.2em;
86-
justify-content: space-around;
89+
padding: 24px54px24px47px;
90+
justify-content: space-between;
8791
}
8892

8993
.profile-card-stat-item {
@@ -97,11 +101,14 @@
97101
color: hsl(0deg, 0%, 0%);
98102
font-size: 1em;
99103
font-weight: 700;
104+
line-height: 22.32px;
100105
}
101106
.profile-card-stat-item > p {
102-
font-size: 0.644em;
103-
letter-spacing: 2.096px;
107+
font-size: 10px;
108+
letter-spacing: 1.5px;
109+
line-height: 12.4px;
104110
color: hsl(227deg, 10%, 46%);
111+
margin-top: 9px;
105112
}
106113

107114
@media only screen and (max-width: 22.5em) {

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /