boost/website-v2
2
0
Fork 0
mirror of https://github.com/boostorg/website-v2.git synced 2026-01-19 04:42:17 +00:00
Code Issues Projects Releases Wiki Activity

🐛 fixes rounded corners on avatar in header

Browse Source 
On Docs and Userguide the avatar was not rounded.
This commit is contained in:
Greg Newman
2024-01-25 10:37:16 -05:00
parent 6646c78efe
commit f296ce5be5
5 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/docsstyles.css
View File

@@ -29,6 +29,7 @@ div.book:first-of-type, {
@apply max-w-7xl px-3 md:px-6 mx-auto;
}
#avatar>div {
#avatar>div,
#avatar>div>img {
@apply rounded;
}

5
frontend/userguidestyles.css
View File

@@ -115,3 +115,8 @@ hr:first-of-type {
select, #search-input {
@apply dark:bg-charcoal dark:text-white dark:border-slate;
}
#avatar>div,
#avatar>div>img {
@apply rounded;
}

2
static/css/docsstyles.css
View File

File diff suppressed because one or more lines are too long

2
static/css/userguidestyles.css
View File

File diff suppressed because one or more lines are too long

4
templates/users/includes/header_avatar.html
View File

@@ -18,14 +18,14 @@
</a>
{% else %}
{% if user.image %}
<div class="inline-block h-[30px] w-[30px] overflow-hidden rounded mt-1 bg-white dark:bt-slate">
<div class="h-[30px] w-[30px] bg-black text-slate rounded dark:text-white dark:bg-slate justify-center flex overflow-hidden">
<img src="{{ user.image_thumbnail.url }}"
alt="user"
class="h-full w-full cursor-pointer object-cover"
@click="userOpen = !userOpen" />
</div>
{% else %}
<div class="inline-block h-[30px] w-[30px] bg-white text-slate rounded dark:text-white dark:bg-slate justify-center flex">
<div class="h-[30px] w-[30px] bg-white text-slate rounded dark:text-white dark:bg-slate justify-center flex">
<i class="fas fa-user text-2xl" @click="userOpen = !userOpen"></i>
</div>
{% endif %}