🎨 adds images to library list

This commit is contained in:
Greg Newman
2023-02-17 10:29:37 -05:00
parent ac2472f8ce
commit 8b1c5d4eb0
2 changed files with 19 additions and 28 deletions

View File

@@ -1277,6 +1277,10 @@ input[type=file] {
width: 1.5rem;
}
.w-\[40px\] {
width: 40px;
}
.w-4 {
width: 1rem;
}
@@ -1289,6 +1293,10 @@ input[type=file] {
width: 20%;
}
.w-\[80px\] {
width: 80px;
}
.w-1 {
width: 0.25rem;
}
@@ -1297,12 +1305,8 @@ input[type=file] {
width: 200px;
}
.w-\[100px\] {
width: 100px;
}
.w-\[80px\] {
width: 80px;
.w-\[47px\] {
width: 47px;
}
.min-w-0 {
@@ -2019,16 +2023,6 @@ input[type=file] {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-orange {
--tw-text-opacity: 1;
color: rgb(255 159 0 / var(--tw-text-opacity));
@@ -2048,11 +2042,6 @@ input[type=file] {
color: rgb(49 74 87 / var(--tw-text-opacity));
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
@@ -2082,6 +2071,11 @@ input[type=file] {
color: rgb(255 255 255 / 0.6);
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
@@ -2158,11 +2152,6 @@ input[type=file] {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-gray-900:hover {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.focus\:text-charcoal:focus {
--tw-text-opacity: 1;
color: rgb(23 42 52 / var(--tw-text-opacity));

View File

@@ -20,10 +20,12 @@
</div>
<div class="md:w-1/4 mb-4 text-sm">
<div class="my-5 flex">
<div class="md:mr-5 w-1/3">Author(s):</div>
<div class="md:mr-5 w-1/4">Author(s):</div>
<div class="space-y-3">
{% for author in library.authors.all %}
<div><img src="{% static 'img/fpo/user.png' %}" alt="user" class="inline" /> {{ author.get_full_name }}</div>
<div>
<img src="{{ author.image.url }}" alt="user" class="inline w-[47px] rounded mr-2" /> {{ author.get_full_name }}
</div>
{% endfor %}
</div>
</div>