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

dashboard sidebar

Browse Source
This commit is contained in:
stefankoelle
2026-08-07 14:45:04 +02:00
parent d6d3ceaa83
commit 6d6a8cf9e0
1 changed files with 50 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/api/templates/dashboard.html
+50 -44
View File
@@ -243,42 +243,54 @@
background: #0055aa;
}
.contact-stats {
display: flex;
gap: 1.5rem;
.special-searches-box {
position: fixed;
top: 136px;
right: 2rem;
width: 280px;
background: #fff;
border-radius: 8px;
padding: 1rem 1.25rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
max-height: calc(100vh - 4rem);
overflow-y: auto;
}
.contact-stats-left {
flex: 1;
.special-search-link {
display: block;
padding: 0.75rem;
background: #f8f9fa;
border-radius: 6px;
color: #0066cc;
text-decoration: none;
font-size: 0.875rem;
transition: background 0.15s ease;
}
.contact-stats-right {
flex: 1;
.special-search-link:hover {
background: #e7f3ff;
text-decoration: underline;
}
.sidebar-section-title {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #888;
margin-bottom: 0.75rem;
}
.sidebar-section-list {
display: flex;
flex-direction: column;
gap: 0.5rem;
justify-content: center;
}
.special-search {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.4rem 0.6rem;
background: #f8f9fa;
border-radius: 4px;
text-decoration: none;
color: inherit;
font-size: 0.8125rem;
transition: background 0.15s;
}
.special-search:hover {
background: #e9ecef;
}
.special-search-label {
color: #555;
@media (max-width: 1450px) {
.special-searches-box {
display: none;
}
}
</style>
</head>
@@ -301,23 +313,8 @@
<div class="dashboard-grid">
<div class="box">
<div class="box-title">Kontakte</div>
<div class="contact-stats">
<div class="contact-stats-left">
<div class="stat-value">{{ contact_count }}</div>
<div class="stat-label">gespeicherte Kontakte</div>
</div>
<div class="contact-stats-right">
<a href="/search/special?type=no_photo" class="special-search">
<span class="special-search-label">ohne Bild</span>
</a>
<a href="/search/special?type=no_city" class="special-search">
<span class="special-search-label">ohne City</span>
</a>
<a href="/search/special?type=no_social" class="special-search">
<span class="special-search-label">ohne Social</span>
</a>
</div>
</div>
<div class="stat-value">{{ contact_count }}</div>
<div class="stat-label">gespeicherte Kontakte</div>
</div>
<div class="box">
@@ -381,6 +378,15 @@
<div class="empty-state">Keine Geburtstage in den nächsten 7 Tagen.</div>
{% endif %}
</div>
<div class="special-searches-box">
<div class="sidebar-section-title">Special Searches</div>
<div class="sidebar-section-list">
<a href="/search/special?type=no_photo" class="special-search-link">ohne Bild</a>
<a href="/search/special?type=no_city" class="special-search-link">ohne City</a>
<a href="/search/special?type=no_social" class="special-search-link">ohne Social</a>
</div>
</div>
</div>
</body>
</html>