make member button hoverable

This commit is contained in:
Late Night Defender 2024-04-10 03:57:43 +07:00
parent 73d9e77d42
commit d64c9fb935
2 changed files with 17 additions and 2 deletions

View file

@ -39,6 +39,12 @@ html *
opacity: 0.7; opacity: 0.7;
} }
.pronouns {
font-size: 12pt;
opacity: 0.5;
margin-left: 0.25cm;
}
.row { .row {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -134,7 +140,12 @@ html *
margin-bottom: 0.5cm; margin-bottom: 0.5cm;
min-height: 3cm; min-height: 3cm;
min-width: 6cm; min-width: 6cm;
width: 32.5% width: 32.5%;
transition-duration: 0.2s;
}
.itemcard-stealth:hover {
background-color: #e0e0e0;
} }
} }

View file

@ -55,7 +55,11 @@
<div class="listaction"> <div class="listaction">
<img src="icons/c4c.png" alt="Compute4Change" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/c4c.png" alt="Compute4Change" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<div style="display: flex; align-items: center;">
<h3>Late Night Defender</h3> <h3>Late Night Defender</h3>
<p class="pronouns">she/they</p>
</div>
<p class="description">เข้าร่วมเมื่อ 23 ก.ค. 2023</p> <p class="description">เข้าร่วมเมื่อ 23 ก.ค. 2023</p>
</div> </div>
</div> </div>