stefankoelle/icloud-contacts-sync
1
0
Fork 0
mirror of https://github.com/skoelle/icloud-contacts-sync.git synced 2026-09-17 23:40:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

web photo layout update

Browse Source
This commit is contained in:
stefankoelle
2026-08-05 16:33:45 +02:00
parent dcb7733383
commit c2d5ae45a2
3 changed files with 15 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/api/main.py
+1 -1
View File
@@ -253,7 +253,7 @@ def web_search(
with conn.cursor() as cur: with conn.cursor() as cur:
cur.execute( cur.execute(
f"""SELECT id, full_name, given_name, middle_name, family_name, f"""SELECT id, full_name, given_name, middle_name, family_name,
prefix, suffix, organization, birthday, account prefix, suffix, organization, birthday, account, photo_url
FROM contacts {where_clause}{search_clause} FROM contacts {where_clause}{search_clause}
ORDER BY full_name ORDER BY full_name
LIMIT 200""", LIMIT 200""",
src/api/templates/contact.html
+6 -5
View File
@@ -66,8 +66,8 @@
} }
.contact-photo { .contact-photo {
width: 80px; width: 160px;
height: 80px; height: 160px;
border-radius: 50%; border-radius: 50%;
object-fit: cover; object-fit: cover;
flex-shrink: 0; flex-shrink: 0;
@@ -99,6 +99,7 @@
.badge-account { .badge-account {
background: #d1ecf1; background: #d1ecf1;
color: #0c5460; color: #0c5460;
margin-top: 0.35rem;
} }
.section { .section {
@@ -211,10 +212,10 @@
{% if contact.organization %}{{ contact.organization }}{% endif %} {% if contact.organization %}{{ contact.organization }}{% endif %}
</div> </div>
{% endif %} {% endif %}
{% if is_admin and contact.account %}
<span class="badge badge-account">{{ contact.account }}</span>
{% endif %}
</div> </div>
{% if is_admin and contact.account %}
<span class="badge badge-account">{{ contact.account }}</span>
{% endif %}
{% if contact.photo_url %} {% if contact.photo_url %}
<img src="{{ contact.photo_url }}" alt="Foto" class="contact-photo" onerror="this.style.display='none'"> <img src="{{ contact.photo_url }}" alt="Foto" class="contact-photo" onerror="this.style.display='none'">
{% endif %} {% endif %}
src/api/templates/index.html
+8 -16
View File
@@ -139,20 +139,12 @@
content: "\1F382 "; content: "\1F382 ";
} }
.badge { .contact-photo {
display: inline-block; width: 80px;
padding: 0.2rem 0.6rem; height: 80px;
border-radius: 4px; border-radius: 50%;
font-size: 0.75rem; object-fit: cover;
font-weight: 500; flex-shrink: 0;
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
}
.badge-account {
background: #d1ecf1;
color: #0c5460;
} }
.no-contacts { .no-contacts {
@@ -196,8 +188,8 @@
<div class="contact-birthday">{{ c.birthday }}</div> <div class="contact-birthday">{{ c.birthday }}</div>
{% endif %} {% endif %}
</div> </div>
{% if is_admin and c.account %} {% if c.photo_url %}
<span class="badge badge-account">{{ c.account }}</span> <img src="{{ c.photo_url }}" alt="" class="contact-photo" onerror="this.style.display='none'">
{% endif %} {% endif %}
</div> </div>
</a> </a>