feat: card background
This commit is contained in:
@@ -1,6 +1,7 @@
|
|||||||
<div class="common-card-style member-card">
|
{% set color = get_palette(member.full_name) %}
|
||||||
|
<div class="common-card-style member-card" style="background: linear-gradient(180deg, var({{ color[0] }}), #FFFFFF 60%);">
|
||||||
{{ widgets.Avatar(member=member, avatar_class=avatar_class) }}
|
{{ widgets.Avatar(member=member, avatar_class=avatar_class) }}
|
||||||
<div class="bold-title mt-4">
|
<div class="member-card-title">
|
||||||
{{ member.full_name }}
|
{{ member.full_name }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -447,6 +447,7 @@ input[type=checkbox] {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 2rem 1rem;
|
padding: 2rem 1rem;
|
||||||
|
font-size: var(--text-base);
|
||||||
}
|
}
|
||||||
|
|
||||||
.break {
|
.break {
|
||||||
@@ -1952,3 +1953,13 @@ select {
|
|||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.member-card .standard-image {
|
||||||
|
border: 5px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.member-card-title {
|
||||||
|
color: var(--gray-900);
|
||||||
|
font-weight: 500;
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user