web custom links try layout again

This commit is contained in:
2026-08-05 20:32:22 +02:00
parent 5ca8eeeaa7
commit a2035b658b
+6 -23
View File
@@ -48,32 +48,24 @@
text-decoration: underline;
}
.contact-layout {
display: flex;
gap: 1.5rem;
align-items: flex-start;
}
.contact-card {
background: #fff;
border-radius: 8px;
padding: 1rem 1.25rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
flex: 1;
min-width: 0;
}
.custom-links-box {
position: fixed;
top: 2rem;
right: 2rem;
width: 280px;
flex-shrink: 0;
background: #fff;
border-radius: 8px;
padding: 1rem 1.25rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.links-spacer {
flex: 1;
max-height: calc(100vh - 4rem);
overflow-y: auto;
}
.quicklink-item {
@@ -263,14 +255,9 @@
}
@media (max-width: 1100px) {
.custom-links-box,
.links-spacer {
.custom-links-box {
display: none;
}
.contact-layout {
display: block;
}
}
</style>
</head>
@@ -279,9 +266,6 @@
<h1><a href="/" style="text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:0.4rem"><img src="/static/favicon.svg" alt="" style="height:1.5em;width:1.5em;vertical-align:middle">Kontakte</a></h1>
<a href="/search{% if search %}?search={{ search }}{% endif %}" class="back-link">← Zurück zur Liste</a>
<div class="contact-layout">
<div class="links-spacer"></div>
<div class="contact-card">
<div class="contact-header">
<div>
@@ -418,7 +402,6 @@
</div>
{% endif %}
</div>
</div>
{% if contact.photo_url %}
<dialog id="photo-dialog" class="photo-dialog" onclick="if(event.target===this)this.close()">