make member button hoverable
This commit is contained in:
parent
73d9e77d42
commit
d64c9fb935
2 changed files with 17 additions and 2 deletions
13
style.css
13
style.css
|
@ -39,6 +39,12 @@ html *
|
|||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.pronouns {
|
||||
font-size: 12pt;
|
||||
opacity: 0.5;
|
||||
margin-left: 0.25cm;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
@ -134,7 +140,12 @@ html *
|
|||
margin-bottom: 0.5cm;
|
||||
min-height: 3cm;
|
||||
min-width: 6cm;
|
||||
width: 32.5%
|
||||
width: 32.5%;
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
|
||||
.itemcard-stealth:hover {
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -55,7 +55,11 @@
|
|||
<div class="listaction">
|
||||
<img src="icons/c4c.png" alt="Compute4Change" width="80" height="80" style="margin: 0.3cm;">
|
||||
<div>
|
||||
<h3>Late Night Defender</h3>
|
||||
<div style="display: flex; align-items: center;">
|
||||
<h3>Late Night Defender</h3>
|
||||
<p class="pronouns">she/they</p>
|
||||
</div>
|
||||
|
||||
<p class="description">เข้าร่วมเมื่อ 23 ก.ค. 2023</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue